文章来源:PHP开发学习门户

地址:http://www.phpthinking.com/archives/491

在网页制作中。假设想在网页中插入mp3音乐来增添网页的互动感,提升用户体验度,这个时候网页音乐播放器就非常有必要了。一般的情况下假设用背景音乐播放的话有几个非常不友好的地方

1.随网页载入就播放,用户不能暂停。停止播放

2.一般浏览器兼容性差。非常少能通用所有浏览器

所以一款基于flash的网页音乐播放器就非常有必要了。

他有下面一些长处

1.浏览器兼容性好。如今一般的主流浏览器都支持flash

2.能够暂停。停止播放,也能够通过參数设置自己主动播放

3.样式美丽。

美观慷慨

先来一张播放器图

来一个示范:

当然还有非常多样式。详情请进入DEMO:

http://www.linzl.com/demos/2012/dewplayer/


网页mp3音乐播放器用法:

HTML:

<object type="application/x-shockwave-flash" data="dewplayer.swf?

mp3=mp3/test1.mp3" width="200" height="20"
id="dewplayer">
<param name="wmode" value="transparent" />
<param name="movie" value="dewplayer.swf? mp3=mp3/test1.mp3" />
</object>

当中:

dewplayer.swf

是播放器的路径,一定要对

mp3=mp3/test1.mp3

这个MP3=后面这个就是mp3地址。

能够是绝对。也能够是相对地址

參数:

Options

默认音量 volume=100 一般在0-100之间
自己主动播放 autostart=true 是否在网页载入完后就自己主动播放
循环播放 autoreplay=true 循环播放音乐
随机播放 randomplay=true 有多个mp3能够随机播放
显示时间 showtime=true 显示播放时间
禁用鼠标 nopointer=true 禁用光标到播放器
播放列表 xml=playlist.xml 载入XML播放列表(XSPF格式)播放器,能够载入多个文件
渐变 fading=3 无间隙(秒)之间的一个音轨,而下一个播放器,能够支持渐变

播放器參数用法:

http://www.linzl.com/demos/2012/dewplayer/mp3/test1.mp3&amp;autostart=1&amp;showtime=1&amp;
nopointer=1&amp;volume=50

完整版也就是:

<object type="application/x-shockwave-flash" data="http://www.linzl.com/demos/2012/dewplayer/
dewplayer.swf" width="200" height="20" id="dewplayer" name="dewplayer">
<param name="wmode" value="transparent" />
<param name="movie" value="http://www.linzl.com/demos/2012/dewplayer/
dewplayer.swf" />
<param name="flashvars" value="mp3=http://demo.linzl.com/demos/2012/dewplayer/mp3/
test1.mp3&amp;autostart=1
&amp;showtime=1&amp;nopointer=1&amp;volume=50" />
</object>

flash网页MP3播放器下载地址:

http://www.phpthinking.com/archives/491

推荐美丽的flash网页MP3音乐播放器的更多相关文章

  1. Flex4/Flash开发在线音乐播放器 , 含演示地址

    要求 必备知识 本文要求基本了解 Adobe Flex编程知识和JAVA基础知识. 开发环境 MyEclipse10/Flash Builder4.6/Flash Player11及以上 演示地址 演 ...

  2. 吴裕雄--天生自然python学习笔记:python 用pygame模块制作 MP3 音乐播放器

    利用 music 对象来制作一个 MP3 音乐播放器 . 应用程序总览 从歌曲清单中选择指定的歌曲,单击“播放”按钮可开始播放, 在播放 xxx 歌曲”的信息. 歌曲播放的过程中,可以暂停.停止,也可 ...

  3. 解决ubuntu系统中firefox无法播放网页版音乐播放器音乐

    Reference: https://blog.csdn.net/h736131708/article/details/80775382 因为网页版的qq音乐或者网易云音乐都把音频换成了AAC格式,这 ...

  4. 博客中 Flex4/Flash mp3音乐播放器实例 含演示地址

    要求 必备知识 本文要求基本了解 Adobe Flex编程知识和JAVA基础知识. 开发环境 MyEclipse10/Flash Builder4.6/Flash Player11及以上 演示地址 演 ...

  5. jquery+jplayer实现歌词同步的mp3音乐播放器效果

    实例预览 下载地址 实例代码 <div class="container"> <div class="demo"> <textar ...

  6. Android应用开发--MP3音乐播放器代码实现(一)

    需求1:将内存卡中的MP3音乐读取出来并显示到列表当中 1.   从数据库中查询所有音乐数据,保存到List集合当中,List当中存放的是Mp3Info对象 2.   迭代List集合,把每一个Mp3 ...

  7. 痞子衡嵌入式:基于恩智浦i.MXRT1010的MP3音乐播放器(RT-Mp3Player)设计

    大家好,我是痞子衡,是正经搞技术的痞子.今天痞子衡给大家介绍的是基于i.MXRT1011的MP3播放器参考设计. i.MXRT1011是恩智浦i.MXRT四位数系列的入门型号,虽然是入门级,可也是50 ...

  8. html网页音乐播放器自带播放列表

    基于网页的音乐播放器demo  http://pan.baidu.com/s/1dDgm7HR 自己diy了一个手机端在线音乐播放器演示地址http://shanxi2014.com/zhuandiz ...

  9. 基于jQuery仿QQ音乐播放器网页版代码

    基于jQuery仿QQ音乐播放器网页版代码是一款黑色样式风格的网页QQ音乐播放器样式代码.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div class="m ...

随机推荐

  1. Atmel studio 7.0 安装成功

    Atmel studio 7.0 安装成功 转载:   http://www.eeworld.com.cn/mcu/article_2017112436241.html 2018-07-2610:27 ...

  2. EF CodeFirst 不得不说的Where与OrderBy

    先来聊上5毛钱的“排序” Code: using (ApplicationDbContext Db=new ApplicationDbContext()) { var res = Db.Threes. ...

  3. 26-Ubuntu-文件和目录命令-其他命令-管道

    管道 Linux允许将一个命令的输出可以通过管道作为另一个命令的输入. 可以理解为现实生活中的管子,管子的一头塞东西进去,另一头取出来,这里的 | 左右分为两端,左端塞东西(写),右端取东西(读). ...

  4. [转载] Linux Futex的设计与实现

    Linux Futex的设计与实现 引子 在编译2.6内核的时候,你会在编译选项中看到[*] Enable futex support这一项,上网查,有的资料会告诉你"不选这个内核不一定能正 ...

  5. java命令行版的ATM

    import java.util.*;public class Jatm{ static String user = "123"; static String password = ...

  6. [Luogu] P4254 [JSOI2008]Blue Mary开公司

    题目背景 Blue Mary 最近在筹备开一家自己的网络公司.由于他缺乏经济头脑,所以先后聘请了若干个金融顾问为他设计经营方案. 题目描述 万事开头难,经营公司更是如此.开始的收益往往是很低的,不过随 ...

  7. UVA - 514 Rails(栈模拟)

    题目: 给出一个序列,问将1,2,3,4……按从小到大的顺序入栈,能否得到给出的序列. 思路: 用stack模拟就可以了. 当前的cnt如果小于a[i],就将cnt入栈,否则就判断栈顶是不是和a[i] ...

  8. Volume 6. Mathematical Concepts and Methods

    138 - Street Numbers #include <stdio.h> //(2n+1)^2 - 8m^2 = 1,佩尔函数,或者打表 int main() { ; , xi = ...

  9. python经典书籍:Python编程实战 运用设计模式、并发和程序库创建高质量程序

    Python编程实战主要关注了四个方面 即:优雅编码设计模式.通过并发和编译后的Python(Cython)使处理速度更快.高层联网和图像.书中展示了在Python中已经过验证有用的设计模式,用专家级 ...

  10. python 配置文件 ConfigParser模块

    ConfigParser模块 用于生成和修改常见配置文档,当前模块的名称在 python 3.x 版本中变更为 configparser. 来看一个好多软件的常见文档格式如下 [DEFAULT] Se ...