小樱 发表于 2016/3/3 04:22

Dewplayer 音乐播放器 网页flash mp3自动播放,解决html5中Chrome 谷歌浏览器自动分段导致播放异常中断的问题

Dewplayer 是一款用于 Web 的轻量级 Flash 音乐播放器。提供有多种样式选择,支持播放列表,并可以通过 JavaScript 接口来控制播放器。

注意事项:
该播放器只支持 mp3 格式,其他格式(AAC、WMA、OGG、ASX、M3U、PLS 等)都不支持。

官网下载:http://www.dewplayer.fr/

本地下载:


使用方法

注意替换播放器文件及 mp3 文件的地址

<object type="application/x-shockwave-flash" data="dewplayer.swf" width="200" height="20" id="dewplayer" name="dewplayer">
<param name="wmode" value="transparent"/>
<param name="movie" value="dewplayer.swf"/>
<param name="flashvars" value="mp3=test.mp3"/>    <!-- 播放多个文件,使用竖线分割,如:mp3=test1.mp3|test2.mp3|test3.mp3 -->
</object>

建议使用 swfobject 来调用播放器及配置参数,例:
载入 JavaScript 文件
<script type="text/javascript" src='swfobject.js'></script>
swfobject.embedSWF('dewplayer.swf', 'dewplayer_content', '200', '20', '9.0.0', false, {mp3: 'mp3/test.mp3'}, {wmode: 'transparent'}, {id: 'dewplayer'});

快速生成代码
普通方法:
<object type="application/x-shockwave-flash" data="dewplayer.swf" width="200" height="20" id="dewplayer" name="dewplayer">
<param name="wmode" value="transparent"/>
<param name="movie" value="dewplayer.swf"/>
<param name="flashvars" value="mp3=http://1.itzmx.com/filestores/2016/02/12//0614817e86c385fc7fb7f43405e48e94.mp3&autostart=1&autoreplay=1&showtime=1"/>
</object>
------------------------------
swfobject 方法:
swfobject.embedSWF("dewplayer.swf", "dewplayer_content", "200", "20", "9.0.0", false, {
    mp3: "http://1.itzmx.com/filestores/2016/02/12//0614817e86c385fc7fb7f43405e48e94.mp3",
    autostart: true,
    autoreplay: true,
    showtime: true
}, {wmode: "transparent"},{id: "dewplayer"});


最简单使用方法,swf文件后跟音乐数据

例如:
http://code.ciaoca.com/javascript/dewplayer/demo/swf/dewplayer.swf?mp3=http://1.itzmx.com/filestores/2016/02/12//0614817e86c385fc7fb7f43405e48e94.mp3&autostart=1&autoreplay=1&showtime=1volume=100


flashvars 参数说明

名称默认值预览
mp3-音乐文件地址,多个文件使用竖线分割
volume100初始音量大小,可设置 0-100 之间的数字
autostartfalse自动开始播放
autoreplayfalse循环播放
randomplayfalse随机播放
nopointerfalse不显示光标
xml-加载播放列表,参照 XSPF 规范。
PS:请注意 xml 设置的 mp3 文件、封面图片文件等路径都是相对于被访问页面的位置,并非相对于 xml 文件
javascript-若需要使用 JavaScript API,请设置为 "on"
showtimetrue是否显示时间
fading0过渡时间



API 接口

名称示例说明
dewplayobj.dewplay()开始播放
dewstopobj.dewstop()停止播放
dewpauseobj.dewpause()暂停播放
dewnextobj.dewnext()播放下一首歌曲
dewprevobj.dewprev()播放上一首歌曲
dewsetobj.dewset('http://www.alsacreations.fr/mp3/test2.mp3')播放指定文件
dewgoobj.dewgo(2)播放列表中的第N首歌曲
dewsetposobj.dewsetpos(10000)跳到当前歌曲的指定时间位置,单位:ms
dewgetposobj.dewgetpos()获取当前播放的时间位置
dewgetvolumeobj.dewgetvolume()获取当前的音量值
dewvolumeobj.dewvolume(50)设置音量值





选摘自:http://code.ciaoca.com/javascript/dewplayer/





页: [1]
查看完整版本: Dewplayer 音乐播放器 网页flash mp3自动播放,解决html5中Chrome 谷歌浏览器自动分段导致播放异常中断的问题