百度开源MuPlayer播放器Demo资源-CSDN下载

共15个文件

js：7个

mp3：4个

swf：3个

JavaScript

音频播放

需积分: 50 103 浏览量 2018-10-22 10:37:40 上传评论 1 收藏 4.63MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

MuPlayerDemo.zip （15个子文件）

demo

muplayer

expressInstall.swf 727B

empty.mp3 2KB

player.min.js 41KB

muplayer_mp3.swf 4KB

equalizer.js 9KB

muplayer_mp4.swf 4KB

player.js 88KB

zepto-player.min.js 32KB

zepto-player.js 70KB

lrc.js 6KB

jquery

jquery-1.11.0.min.js 94KB

music

一百万个可能.mp3 4.21MB

creeeeak.mp3 7KB

betty.mp3 350KB

demo.html 4KB

<!DOCTYPE html> <html lang="zh-cn"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>muplayer-demo</title> <script src="jquery/jquery-1.11.0.min.js"></script> <script src="muplayer/player.min.js"></script> <style type="text/css"> </style> </head> <body> <center>MU-PLAYER_DEMO</center> <center> <div> <button id="player-start">播放</button> <button id="player-pause">暂停</button> <button id="player-stop">停止</button> <button id="player-prev">上一首</button> <button id="player-next">下一首</button> </div> </center> <script> // 初始化一个MuPlayer的实例。注意，我们默认使用了_mu全局命名空间。 var player = new _mu.Player({ // baseDir是必填初始化参数，指向刚才签出的MuPlayer静态资源目录 baseDir: 'muplayer/'/*, engines:[{ type: 'FlashMP3Core', args: { // 初始化FlashMP3Core的参数 swf: 'muplayer_mp3.swf' // 对应的swf文件路径 } }, { type: 'FlashMP4Core', args: { // 初始化FlashMP4Core的参数, FlashMP4Core支持m4a格式的音频文件 swf: 'muplayer_mp4.swf' // 对应的swf文件路径 } }, { type: 'AudioCore' }]*/ }); // 通过add方法添加需要播放的音频，并调用play方法开始播放。 player.add(['music/一百万个可能.mp3','music/betty.mp3','music/creeeeak.mp3']); $('#player-start').click(function(){ player.play(); }); $('#player-pause').click(function(){ player.pause(); }); $('#player-stop').click(function(){ player.stop(); }); $('#player-prev').click(function(){ player.prev(); }); $('#player-next').click(function(){ player.next(); }); // 事件驱动的UI：即UI应监听player派发的事件，以决定是否切换到对应的状态 player.on('player:play', function() { console.log('player:play'); }).on('player:pause', function() { console.log('player:pause'); }).on('player:next', function() { console.log('player:next'); }).on('player:prev', function() { console.log('player:prev'); }).on('player:stop', function() { console.log('player:stop'); }).on('timeupdate', function() { //var pos = player.curPos(); //var duration = player.duration(); //console.log('timeupdate duration:'+duration+' pos:'+pos); }).on('player:fetchend', function(r) { console.log('player:fetchend'); }); </script> </body> </html>

评论收藏

内容反馈