推荐美丽的flash网页MP3音乐播放器
文章来源: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&autostart=1&showtime=1&
nopointer=1&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&autostart=1
&showtime=1&nopointer=1&volume=50" />
</object>
flash网页MP3播放器下载地址:
推荐美丽的flash网页MP3音乐播放器的更多相关文章
- Flex4/Flash开发在线音乐播放器 , 含演示地址
要求 必备知识 本文要求基本了解 Adobe Flex编程知识和JAVA基础知识. 开发环境 MyEclipse10/Flash Builder4.6/Flash Player11及以上 演示地址 演 ...
- 吴裕雄--天生自然python学习笔记:python 用pygame模块制作 MP3 音乐播放器
利用 music 对象来制作一个 MP3 音乐播放器 . 应用程序总览 从歌曲清单中选择指定的歌曲,单击“播放”按钮可开始播放, 在播放 xxx 歌曲”的信息. 歌曲播放的过程中,可以暂停.停止,也可 ...
- 解决ubuntu系统中firefox无法播放网页版音乐播放器音乐
Reference: https://blog.csdn.net/h736131708/article/details/80775382 因为网页版的qq音乐或者网易云音乐都把音频换成了AAC格式,这 ...
- 博客中 Flex4/Flash mp3音乐播放器实例 含演示地址
要求 必备知识 本文要求基本了解 Adobe Flex编程知识和JAVA基础知识. 开发环境 MyEclipse10/Flash Builder4.6/Flash Player11及以上 演示地址 演 ...
- jquery+jplayer实现歌词同步的mp3音乐播放器效果
实例预览 下载地址 实例代码 <div class="container"> <div class="demo"> <textar ...
- Android应用开发--MP3音乐播放器代码实现(一)
需求1:将内存卡中的MP3音乐读取出来并显示到列表当中 1. 从数据库中查询所有音乐数据,保存到List集合当中,List当中存放的是Mp3Info对象 2. 迭代List集合,把每一个Mp3 ...
- 痞子衡嵌入式:基于恩智浦i.MXRT1010的MP3音乐播放器(RT-Mp3Player)设计
大家好,我是痞子衡,是正经搞技术的痞子.今天痞子衡给大家介绍的是基于i.MXRT1011的MP3播放器参考设计. i.MXRT1011是恩智浦i.MXRT四位数系列的入门型号,虽然是入门级,可也是50 ...
- html网页音乐播放器自带播放列表
基于网页的音乐播放器demo http://pan.baidu.com/s/1dDgm7HR 自己diy了一个手机端在线音乐播放器演示地址http://shanxi2014.com/zhuandiz ...
- 基于jQuery仿QQ音乐播放器网页版代码
基于jQuery仿QQ音乐播放器网页版代码是一款黑色样式风格的网页QQ音乐播放器样式代码.效果图如下: 在线预览 源码下载 实现的代码. html代码: <div class="m ...
随机推荐
- NodeJs学习记录(四)初学阶段关于app.js里的一些重要配置
app.set('views', path.join(__dirname, 'views')); 以上代码用于配置页面文件(例如 .ejs 文件)的根目录, 设置之后 访问 ./index 则等同于访 ...
- LN : leetcode 191 Number of 1 Bits
lc 191 Number of 1 Bits 191 Number of 1 Bits Write a function that takes an unsigned integer and ret ...
- CF821B Okabe and Banana Trees
思路: 暴力枚举. 实现: #include <iostream> #include <cstdio> using namespace std; typedef long lo ...
- iOS中ARC和非ARC混用
如果在使用第三方类库的时候,我们可能会遇到一些内存管理的问题 那么如何在一个工程中实现ARC和非ARC混用呢,例如你创建一个ARC的工程,但是你引用的第三方类库是非ARC管理内存的 首先点击工 ...
- 使用python获得N个区分度较高的RGB颜色值
获得任意N个区分度最高的RGB颜色值是一个经典的问题,之前在做一些可视化的东西时需要解决这个问题.首先去网上找了一些方法,未果,于是想自己来搞,心里的想法是,先给出一个距离函数用来度量两个RGB颜色值 ...
- CAD得到所有组名(网页版)
主要用到函数说明: _DMxDrawX::GetAllGroupName 得到所有组名. js代码实现如下: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 ...
- 学习笔记——网络编程3(基于TCP协议的网络编程)
TCP协议基础 IP协议是Internet上使用的一个关键协议,它的全称是Internet Protocol,即Internet协议,通常简称IP协议. 使用ServerSocket创建TCP服务 ...
- 洛谷——P1594 护卫队
P1594 护卫队 题目描述 护卫车队在一条单行的街道前排成一队,前面河上是一座单行的桥.因为街道是一条单行道,所以任何车辆都不能超车.桥能承受一个给定的最大承载量.为了控制桥上的交通,桥两边各站一个 ...
- MySQL数据库开启、关闭、查看函数功能的方法
应用 MySQL 时,会遇到不能创建函数的情况.出现如下错误信息: ERROR 1418 : This function has none of DETERMINISTIC, NO SQL, or R ...
- Linux 安装 JDK 详解
安装 JDK 说明:Linux 系统中安装软件需在 root 用户下进行. (1) 首先下载 jdk-8u131-linux-x64.rpm (2)将用户切换至 root,在 opt 文件夹下新建 s ...