Dewplayer 音乐播放器

2016-09-18 08:52
分类:编程  AJAX  

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

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

在线实例

实例预览 基础样式

实例预览 JavaScript API

使用方法

注意替换播放器文件及 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 来调用播放器及配置参数,例:

swfobject.embedSWF('dewplayer.swf', 'dewplayer_content', '200', '20', '9.0.0', false, {mp3: 'mp3/test.mp3'}, {wmode: 'transparent'}, {id: 'dewplayer'});

  

flashvars 参数说明

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

API 接口

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

 

好文要顶 收藏该文 我要举报
如果您觉得本文对你有用,不妨帮忙点个赞,或者在评论里给我一句赞美,小小成就都是今后继续为大家编写优质文章的动力!
上一篇:浏览器调试:事件定位与源码查找
下一篇:jQuery向父辈遍历的方法

一起悦读网    Copyright © 2016    浙ICP备11048508号