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 音乐播放器的更多相关文章

  1. 推荐美丽的flash网页MP3音乐播放器

    文章来源:PHP开发学习门户 地址:http://www.phpthinking.com/archives/491 在网页制作中.假设想在网页中插入mp3音乐来增添网页的互动感,提升用户体验度,这个时 ...

  2. SE Springer小组之《Spring音乐播放器》可行性研究报告三、四

    3 对现有系统的分析 由于本次可行性分析主要是建立在团队自行实现一个音乐软件的目标上,并不是在一个现有系统的基础上开发改进的新系统.因此这里将分析一款市面上已经存在的音乐软件(以下称为W音乐),并为之 ...

  3. 卡拉OK效果的实现-iOS音乐播放器

    自己编写的音乐播放器偶然用到这个模块,发现没有思路,而且上网搜了搜,关于这方面的文章不是很多,没找到满意的结果,然后自己也是想了想,最终实现了这种效果,想通了发现其实很简单. 直接上原理: 第一种: ...

  4. 小菜学习Winform(二)WMPLib实现音乐播放器

    前言 现在网上有很多的音乐播放器,但好像都不是.net平台做的,在.net中实现音乐文件的播放功能很简单,下面就简单实现下. SoundPlayer类 在.net提供了音乐文件的类:SoundPlay ...

  5. 【大结局】《从案例中学习JavaScript》之酷炫音乐播放器(四)

    这是之前写的用H5制作的音乐播放器,前三节其实已经做得差不多了,音轨的制作原理已经在上一节说明,不过一直还没有和音乐对接. 本章作为该系列的一个完结篇,我会专门把动态音轨的实现代码贴出来,demo地址 ...

  6. Andriod小项目——在线音乐播放器

    转载自: http://blog.csdn.net/sunkes/article/details/51189189 Andriod小项目——在线音乐播放器 Android在线音乐播放器 从大一开始就已 ...

  7. Android开发6:Service的使用(简单音乐播放器的实现)

    前言 啦啦啦~各位好久不见啦~博主最近比较忙,而且最近一次实验也是刚刚结束~ 好了不废话了,直接进入我们这次的内容~ 在这篇博文里我们将学习Service(服务)的相关知识,学会使用 Service ...

  8. android 音乐播放器

    本章以音乐播放器为载体,介绍android开发中,通知模式Notification应用.主要涉及知识点Notification,seekbar,service. 1.功能需求 完善音乐播放器 有播放列 ...

  9. 音乐播放器 EasyMusic (一)

    EasyMusic 一. 代码获取 github 上链接为 https://github.com/VincentWYJ/EasyMusic, 感兴趣的朋友可以同步下来看, 欢迎提出宝贵意见或建议. 1 ...

随机推荐

  1. 快速入门系列--WebAPI--01基础

    ASP.NET MVC和WebAPI已经是.NET Web部分的主流,刚开始时两个公用同一个管道,之后为了更加的轻量化(WebAPI是对WCF Restful的轻量化),WebAPI使用了新的管道,因 ...

  2. SQL Server的小数数值类型(float 和 decimal)用法

    在SQL Server中,小数数值实际上只有两种数据类型:float 和 decimal.double precision 整体是数据类型,等价于 float(53),real等价于float(24) ...

  3. 联想Y50耳机插入耳机孔后没有声音解决办法

    症状:博主本子Y50,前阵子关机时,提示win10要下载更新并安装,开机后发现将耳机插入耳机孔后死活听不到声音(笔记本自带的音响有声音).期间怀疑过耳机坏了的问题,检查过耳机在手机上能正常播放声音.最 ...

  4. 经验总结:HTTP返回505错误小记

    昨天调试代码的时候,用http请求一个图片,返回的结果为如下: HTTP/1.1 505 HTTP Version Not Supported Server: Apache-Coyote/1.1 Da ...

  5. 【转】FastCgi与PHP-fpm关系

    刚开始对这个问题我也挺纠结的,看了<HTTP权威指南>后,感觉清晰了不少. 首先,CGI是干嘛的?CGI是为了保证web server传递过来的数据是标准格式的,方便CGI程序的编写者. ...

  6. Elasticsearch入门必备——ES中的字段类型以及常用属性

    使用Elasticsearch时,了解字段的概念,是必不可少的.毕竟无论是es还是传统的数据库,都无法弱化字段的类型. 背景知识 在Es中,字段的类型很关键: 在索引的时候,如果字段第一次出现,会自动 ...

  7. WebGL实现HTML5的3D贪吃蛇游戏

    js1k.com收集了小于1k的javascript小例子,里面有很多很炫很酷的游戏和特效,今年规则又增加了新花样,传统的classic类型基础上又增加了WebGL类型,以及允许增加到2K的++类型, ...

  8. 运用javascript的成员访问特性来实现通用版的兼容所有浏览器的打开对话框功能

    打开网页对话框,一般有三种方法:window.open.window.showModalDialog.window.showModelessDialog,每一种都有它的优点与不足.第一种方法:wind ...

  9. 【转载】谷歌酝酿将苹果Swift作为安卓APP主要开发语言

    TNW中文站 4月8日报道 安卓操作系统的软件开发语言是Java,而在过去几年中,有关Java的版权,谷歌(微博)和甲骨文之间发生了长期的诉讼.最新外媒消息称,谷歌正在考虑将苹果开发的Swift作为未 ...

  10. 从零开始学习jQuery (二) 万能的选择器

    本系列文章导航 从零开始学习jQuery (二) 万能的选择器 一.摘要 本章讲解jQuery最重要的选择器部分的知识. 有了jQuery的选择器我们几乎可以获取页面上任意的一个或一组对象, 可以明显 ...