Dewplayer 音乐播放器
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) | 设置音量值 |
Dewplayer 音乐播放器的更多相关文章
- 推荐美丽的flash网页MP3音乐播放器
文章来源:PHP开发学习门户 地址:http://www.phpthinking.com/archives/491 在网页制作中.假设想在网页中插入mp3音乐来增添网页的互动感,提升用户体验度,这个时 ...
- SE Springer小组之《Spring音乐播放器》可行性研究报告三、四
3 对现有系统的分析 由于本次可行性分析主要是建立在团队自行实现一个音乐软件的目标上,并不是在一个现有系统的基础上开发改进的新系统.因此这里将分析一款市面上已经存在的音乐软件(以下称为W音乐),并为之 ...
- 卡拉OK效果的实现-iOS音乐播放器
自己编写的音乐播放器偶然用到这个模块,发现没有思路,而且上网搜了搜,关于这方面的文章不是很多,没找到满意的结果,然后自己也是想了想,最终实现了这种效果,想通了发现其实很简单. 直接上原理: 第一种: ...
- 小菜学习Winform(二)WMPLib实现音乐播放器
前言 现在网上有很多的音乐播放器,但好像都不是.net平台做的,在.net中实现音乐文件的播放功能很简单,下面就简单实现下. SoundPlayer类 在.net提供了音乐文件的类:SoundPlay ...
- 【大结局】《从案例中学习JavaScript》之酷炫音乐播放器(四)
这是之前写的用H5制作的音乐播放器,前三节其实已经做得差不多了,音轨的制作原理已经在上一节说明,不过一直还没有和音乐对接. 本章作为该系列的一个完结篇,我会专门把动态音轨的实现代码贴出来,demo地址 ...
- Andriod小项目——在线音乐播放器
转载自: http://blog.csdn.net/sunkes/article/details/51189189 Andriod小项目——在线音乐播放器 Android在线音乐播放器 从大一开始就已 ...
- Android开发6:Service的使用(简单音乐播放器的实现)
前言 啦啦啦~各位好久不见啦~博主最近比较忙,而且最近一次实验也是刚刚结束~ 好了不废话了,直接进入我们这次的内容~ 在这篇博文里我们将学习Service(服务)的相关知识,学会使用 Service ...
- android 音乐播放器
本章以音乐播放器为载体,介绍android开发中,通知模式Notification应用.主要涉及知识点Notification,seekbar,service. 1.功能需求 完善音乐播放器 有播放列 ...
- 音乐播放器 EasyMusic (一)
EasyMusic 一. 代码获取 github 上链接为 https://github.com/VincentWYJ/EasyMusic, 感兴趣的朋友可以同步下来看, 欢迎提出宝贵意见或建议. 1 ...
随机推荐
- KendoUI系列:Window
1.基本使用 <link href="@Url.Content("~/Content/kendo/2014.1.318/kendo.common.min.css") ...
- 去除IE6浏览器下获得焦点的元素的虚线框的两个小办法
[1]onfocus = "this.blur()"//得到焦点时,失去焦点 e.g. <a href="#" onfocus = "this. ...
- poj2513Colored Sticks(无向图的欧拉回路)
/* 题意:将两端涂有颜色的木棒连在一起,并且连接处的颜色相同! 思路:将每一个单词看成一个节点,建立节点之间的无向图!判断是否是欧拉回路或者是欧拉路 并查集判通 + 奇度节点个数等于2或者0 */ ...
- POJ 2312Battle City(BFS-priority_queue 或者是建图spfa)
/* bfs搜索!要注意的是点与点的权值是不一样的哦! 空地到空地的步数是1, 空地到墙的步数是2(轰一炮+移过去) 所以用到优先队列进行对当前节点步数的更新! */ #include<iost ...
- 提高性能:用RequireJS优化Wijmo Web页面
上周Wijmo 2014 V2版本刚刚发布(下载地址), 有网友下载后发现仅仅使用了40个Widgets的一小部分,还需要加载全部的jquery.wijmo-pro.all.3.20142.45.m ...
- 使用bokeh-scala进行数据可视化(2)
目录 前言 几种高级可视化图表 总结 一.前言 之前已经简单介绍过一次如何使用Bokeh-scala进行数据可视化(见使用bokeh-scala进行数据可视化),以及如何在Geotrel ...
- HTML5移动Web开发(六)——定义一个内容策略
通过分析工具搜集到的数据,你可以定义一个内容策略,这对已经有了一个桌面网站的人是非常有用的. 1.确认你已经把分析工具的Javascript代码嵌入到网站中.(http://www.cnblogs.c ...
- Linux演示 dd测试IO
dd测试IO,经常会用到,用来简单测试某个目录的读写性能. 本次测试环境:自己电脑的ubuntu系统-其他Unix/Linux系统也可以用dd. Tips:dd操作需要三思而行,搞清楚确认没问题再进行 ...
- td中绝对定位div的垂直居中问题
一.需求 典型的注册页面设计一般是一个三列多行的表格,左列为表单项label,中列为文本框,右列为填写说明和验证提示.如下图 因为整个表单的视觉重心在左中两列,所以在考虑表单整体相对页面水平居中和注册 ...
- 关于Entity Framework采用DB First模式创建后的实体批量修改相关属性技巧
Entity Framework采用DB First模式创建实体是比较容易与方便的,修改已创建的实体在个数不多的情况下也是没问题的,但如果已创建的实体比较多,比如10个实体以上,涉及修改的地方比较多的 ...