`
丁中祥
  • 浏览: 3841 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
最近访客 更多访客>>
社区版块
存档分类
最新评论

音乐播放器

    博客分类:
  • css
阅读更多

发贴时,请务必选中,使用HTML代码前面的方框,并且去掉自动分析url前的勾
以下代码使用时,请将代码中的*符号去掉,否则无效哦!^_^
**下面我就把现成的播放器格式贴出来,大家可以根据需要,选择你喜欢的直接粘贴到帖子中去,只需要修改音乐地址,即可使用,至于语法部分,因为比较枯燥,中间部分我会放一些简单的使用说明. 总汇放在在最后,感兴趣的,可以看下。

A:常用格式:

1。MP3和WMA格式
<*EMBED src=歌曲地址 width=300 height=50 type=audio/mpeg volume="0" autostart="FALSE" loop="-1" >

说明: width=300 这个表示播放器的长度(数字可以随意调节)
height=50 这个表示播放器的高度(数值可以随意调节)
type=audio/mpeg 表示播放器可以播放的歌曲的文件类型
WMP类:audio/mpeg (wma的可用audio/x-ms-wma,不过都一样)这个最常用!
Flash:application/x-shockwave-flash ?
volume="0" 这个表示设定的音量大小,数值大小选择只能控制在0--100之间
autostart="FALSE" 这个表示是否自动播放,TRUE是表示自动播放,FALSE是不自动播放 需要手动播放
loop="-1" 表示循环播放

2。发RM格式音乐的播放器代码

<*EMBED src=歌曲地址 width=400 height=20 type=audio/x-pn-realaudio-plugin Loop="true" AutoStart="true" controls="ControlPanel,StatusBar">

说明:width是播放器宽度;height是高度;true为自动播放(基本同上)

普通无效播放器

白色:



代码:
<*EMBED src=http://cherry.jazzsky.com/LIU/all_about_you.wma width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="0">



黑色:


代码:
<*EMBED style="FILTER: Xray" src=http://cherry.jazzsky.com/LIU/all_about_you.wma width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="0">


灰色:


代码:
<*EMBED style="FILTER: Gray" src=http://cherry.jazzsky.com/LIU/all_about_you.wma width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="0">




1。首先我们可以为黑色播放器加上一个边缘(中间绿底的部分为原黑色播放器代码)




代码:
<*TABLE style="BORDER-RIGHT: #000000 3px dashed; BORDER-TOP: #000000 3px dashed; BORDER-LEFT: #000000 3px dashed; BORDER-BOTTOM: #000000 3px dashed" cellSpacing=0 cellPadding=0 bgColor=#00000><*TBODY><*TR><*TD><*TABLE borderColor=#000000 border=1><*TBODY><*TR><*TD><*EMBED style="FILTER: Xray" src=http://www.fqyy.com/upload/fqyy.mp3 width=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="-1"><*/TD><*/TR><*/TBODY><*/TABLE><*/TD><*/TR><*/TBODY><*/TABLE>



2。当然也可以为蓝色播放器加上粉色边缘(中间粉底部分为原蓝色播放器代码)




代码:
<*TABLE style="BORDER-RIGHT: #ff69b4 3px dotted; BORDER-TOP: #ff69b4 3px dotted; BORDER-LEFT: #ff69b4 3px dotted; BORDER-BOTTOM: #ff69b4 3px dotted" cellSpacing=0 cellPadding=0 bgColor=white><*TBODY><*TR><*TD><*TABLE borderColor=#ff69b4 align=center bgColor=#ffccf5 border=2><*TBODY><*TR><*TD style="FILTER: alpha(opacity=100,style=3)"><*EMBED src=http://www.fqyy.com/upload/fqyy.mp3 width=300 height=45 type=audio/mpeg volume="0" autostart="true" loop="-1"><*/TD><*/TR><*/TBODY><*/TABLE><*/TD><*/TR><*/TBODY><*/TABLE>



3.还可以将播放器置于一个单独的表格里,并加上表格的透明特效,播放器上的花纹就是表格的底图(中间紫底部分的为原蓝色播放器代码)。



代码:
<*TABLE borderColor=#4f3256 align=center background=http://www.fqyy.com/bbs/attachments/004_d1bYjCbsGdda.gif border=1><*TBODY><*TR><*TD style="FILTER: alpha (opacity=50,style=3)"><*EMBED src=歌曲地址 width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="0"><*/TD><*/TR><*/TBODY><*/TABLE>



4。还可以利用动态的GIF背景做成动态播放器




代码:
<*TABLE borderColor=#dee4fe cellSpacing=3 cellPadding=0 background=http://www.yhbbs.com/UploadFile/2004-12/2004123023101352.gif border=2><*TBODY><*TR><*TD><*TABLE align=center border=0><*TBODY><*TR><*TD style="FILTER: alpha (opacity=60,style=3)"><*EMBED style="FILTER: Gray" src=歌曲地址 width=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="-1"><*/TD><*/TR><*/TBODY><*/TABLE><*/TD><*/TR><*/TBODY><*/TABLE>



5。甚至还可以将动态背景只在播放器底部运行(中间棕底字体为原灰色播放器代码)




代码:
<*TABLE height=40 cellSpacing=0 cellPadding=0 width=300 background=http://www.fqyy.com/bbs/attachments/002_bSzNm8eUtndf.gif border=1><*TBODY><*TR><*TD><*TABLE style="FILTER: Chroma (Color='#000000')" height=40 cellSpacing=0 cellPadding=0 width=300 border=0><*TBODY><*TR><*TD><*EMBED style="FILTER: Gray" src=歌曲地址 width=300 height=40 type=audio/mpeg loop="-1" autostart="false" volume="0"><*/TD><*/TR><*/TBODY><*/TABLE><*/TD><*/TR><*/TBODY><*/TABLE>


这么多五彩缤纷的播放器是不是很吸引你呢?只要你肯花心思,你可以用HTML 表格做成两层或三层的播放器来,呈现你自己不同于他人的特色

 

分享到:
评论

相关推荐

    js音乐播放器音乐播放器

    音乐播放器音乐播放器音乐播放器音乐播放器音乐播放器音乐播放器音乐播放器音乐播放器音乐播放器音乐播放器音乐播放器音乐播放器音乐播放器音乐播放器音乐播放器音乐播放器音乐播放器音乐播放器音乐播放器音乐播放器...

    Android 开源在线音乐播放器

    还有简单的密码验证 开发软件:Android StudioAndroid 开源在线音乐播放器Android 开源在线音乐播放器Android 开源在线音乐播放器Android 开源在线音乐播放器Android 开源在线音乐播放器Android 开源在线音乐播放器...

    JavaScript基于微信小程序的音乐播放器源码.zip

    JavaScript基于微信小程序的音乐播放器源码JavaScript基于微信小程序的音乐播放器源码JavaScript基于微信小程序的音乐播放器源码JavaScript基于微信小程序的音乐播放器源码JavaScript基于微信小程序的音乐播放器源码...

    软件工程JavaWeb课程设计音乐播放器网页项目源代码.zip

    软件工程JavaWeb课程设计音乐播放器网页项目源代码。软件工程JavaWeb课程设计音乐播放器网页项目源代码软件工程JavaWeb课程设计音乐播放器网页项目源代码。软件工程JavaWeb课程设计音乐播放器网页项目源代码软件工程...

    微信小程序练手项目-音乐播放器(完整代码)

    微信小程序练手项目-音乐播放器(完整代码)微信小程序练手项目-音乐播放器(完整代码)微信小程序练手项目-音乐播放器(完整代码)微信小程序练手项目-音乐播放器(完整代码)微信小程序练手项目-音乐播放器(完整代码)微信...

    小程序源码 音乐播放器后端 (代码源)

    小程序源码 音乐播放器后端 (代码源)小程序源码 音乐播放器后端 (代码源)小程序源码 音乐播放器后端 (代码源)小程序源码 音乐播放器后端 (代码源)小程序源码 音乐播放器后端 (代码源)小程序源码 音乐播放器后端 ...

    安卓app开发项目-音乐播放器(源码).zip

    安卓app开发项目-音乐播放器(源码).zip安卓app开发项目-音乐播放器(源码).zip安卓app开发项目-音乐播放器(源码).zip安卓app开发项目-音乐播放器(源码).zip安卓app开发项目-音乐播放器(源码).zip安卓app开发项目-音乐...

    基于Android Studio开发的音乐播放器APP源码Android 音乐播放器源码

    在Android平台上,开发一款音乐播放器应用是一项常见的任务,它涉及到多媒体处理、用户界面设计以及与设备硬件的交互等多个方面。本项目是一个基于Android Studio的音乐播放器APP源码,对于学习Android应用开发,...

    基于Android的音乐播放器设计源码

    本项目是基于Android开发的音乐播放器设计源码,主要使用Java进行开发。项目共包含71个文件,其中XML配置文件17个,PNG图片文件16个,编译后的Java字节码文件13个,WebP图片文件10个,Git忽略配置文件3个,Gradle...

    基于jQuery的HTML5移动端音乐播放器源码.zip

    基于jQuery的HTML5移动端音乐播放器源码 基于jQuery的HTML5移动端音乐播放器源码 基于jQuery的HTML5移动端音乐播放器源码 基于jQuery的HTML5移动端音乐播放器源码 基于jQuery的HTML5移动端音乐播放器...

    android4.0版本音乐播放器

    在Android 4.0(冰淇淋三明治)版本中,音乐播放器是一个重要的系统组件,为用户提供了丰富的音频体验。这个版本的音乐播放器引入了一系列改进和新特性,旨在提升用户体验,使其更加现代化和功能全面。 首先,...

    音乐播放器的VHDL实现

    音乐播放器的VHDL实现是一项复杂而有趣的电子设计自动化(EDA)项目,它涉及到数字逻辑设计、硬件描述语言(HDL)、FPGA(Field-Programmable Gate Array)编程等多个领域。在这个项目中,我们将重点讨论VHDL语言、...

    Android开发音乐播放器

    Android音乐播放器实战,实现本地歌曲播放控制,可后台播放,拔出耳机暂停,来电暂停,电话挂断继续播放。这个项目很好的结合了Android的四大组件知识。其中音乐来源于手机本地,使用了Content Provider获取,播放...

    基于Python开发的音乐播放器源码.zip

    基于Python开发的音乐播放器源码.zip基于Python开发的音乐播放器源码.zip基于Python开发的音乐播放器源码.zip基于Python开发的音乐播放器源码.zip基于Python开发的音乐播放器源码.zip基于Python开发的音乐播放器源码...

    (c语言)音乐播放器源码

    【C语言音乐播放器源码】是一个用于学习和实践C语言编程技能的项目,它涵盖了后端音频处理和播放的基本概念。在这个项目中,开发者可以深入理解如何利用C语言来控制计算机的音频系统,实现音乐播放功能。下面将详细...

    html5手机音乐播放器_mp3音乐播放器代码

    这个技术使得开发者可以创建出功能丰富的、跨平台的音乐播放器,支持多种音频格式,特别是MP3格式,这在移动设备上非常常见。在本文中,我们将深入探讨HTML5音乐播放器的核心知识点,以及如何利用它来构建一个MP3...

    使用 HTML、CSS 和 JS 创建在线音乐播放器.zip

    今天我将带着大家使用 HTML、CSS 和 JS创建 [音乐播放器]...这个音乐播放器最好的部分是它最小化了音乐播放器。是的,您可以最小化和最大化播放器本身。使这个项目成为一个很棒的音乐播放器。

    QT4简洁音乐播放器

    QT4简洁音乐播放器是一款基于QT4框架开发的轻量级音乐播放软件,适用于初学者进行学习和使用。QT4是Qt库的一个版本,由Trolltech公司(现为The Qt Company)开发,是一个跨平台的应用程序开发框架,广泛应用于...

    qt5音乐播放器

    【Qt5音乐播放器】是基于Qt5框架开发的一款本地音乐播放软件,它具备了基本的音乐播放功能,用户可以在自己的计算机上享受音乐的乐趣。Qt5是一个强大的C++图形用户界面库,由Digia公司(前身为Trolltech)开发,广泛...

    安卓音乐播放器相关-音乐播放器(2).zip

    【音乐播放器开发详解】 在Android平台上开发音乐播放器是一项技术含量较高的工作,涉及到音频处理、用户界面设计、媒体库管理等多个方面的知识。本压缩包中的资源,"音乐播放器 (2).zip",可能包含了关于这个主题...

Global site tag (gtag.js) - Google Analytics