发新话题
打印

HTML代码学习教程---为了教材的完整请不要跟帖!!!!

各式各样的播放器

提醒各位兄弟注意!!!复制代码试贴时一定要将播放器设为手动!!!否则

一旦播放器多了会产生一片嘈杂的声音,而且延缓网页打开的速度,切记!!!

几款最常用的播放器效果与代码



代码如下
<EMBED src="歌曲地址" width=300 height=50 type=audio/mpeg loop="-1" autostart="FALSE" volume="0">

代码如下
<EMBED style="FILTER: invert()" src="歌曲地址" width=300 height=50 type=audio/mpeg volume="0" autostart="TRUE" loop="true">

代码如下
<EMBED style="FILTER: Xray" src=歌曲地址 width=300 height=05 type=audio/mpeg loop="-1" autostart="false" volume="0">

代码如下
<EMBED style="FILTER: GRAY()" src="歌曲地址" width=300 height=45 type=audio/mpeg loop="-1" autostart="true" volume="0">

重要提示:

1 .WIDTH代表播放器宽度,HEIGHT代表高度,后面的数值可依自己喜好进行调整。
2. AUTOSTART="TRUE" 这里TRUE代表自动播放,如果换成FALSE则代表手动播放。


[ 本帖最后由 席特 于 2006-8-11 01:50 编辑 ]

TOP

装饰美化你的播放器

有了基本的款式后,我们就可以根据自己的想象力,巧用HTML的表格,根据自己的图片素材,装饰美化自己的播放器啦。只要你有足够的创意,调整代码,就可以得到各式各样的播放器。这里抛砖引玉先介绍几款。

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


 

<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 align=center border=1>
<TBODY>
<TR>
<TD><P align=center><EMBED style="FILTER: Xray" src=http://cherry.jazzsky.com/LIU/all_about_you.wma width=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="- 1"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

[ 本帖最后由 席特 于 2006-8-11 01:52 编辑 ]

TOP

 

代码如下
 

<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 align=center bgColor=white>
<TBODY>
<TR>
<TD><TABLE borderColor=#ff69b4 align=center bgColor=#ffccf5 border=2>
<TBODY>
<TR>
<TD style="FILTER: alpha(opacity=100,style=3)">
<P align=center><EMBED src=歌曲地址 width=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="-1"> </P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

[ 本帖最后由 席特 于 2006-8-11 01:53 编辑 ]

TOP

还可以将播放器置于一个单独的表格里,并加上表格的透明特效,播放器上的花纹就是表格的底图。

 

 

 

代码如下:
<TABLE borderColor=#4f3256 align=center background=http://upload.yourblog.org/20057/kaka967.20050722115212.png border=1>
<TBODY>
<TR>
<TD style="FILTER: alpha (opacity=50,style=3)">
<P align=center> <EMBED src=歌曲地址 width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="0"></P></TD></TR></TBODY></TABLE>

[ 本帖最后由 席特 于 2006-8-11 01:55 编辑 ]

TOP

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

 

<TABLE borderColor=#dee4fe cellSpacing=3 cellPadding=0 align=center background=http://img.mms.sohu.com/mms/1213/00/12500/p2.gif border=2>
<TBODY>
<TR>
<TD>
<TABLE align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: alpha(opacity=100,style=3)">
<P align=center><EMBED style="FILTER: Xtray" src=http://www.26yy.com/music//520yya/0076/9.wma width=340 height=50 type=audio/mpeg volume="0" autostart="false" loop="1"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

[ 本帖最后由 席特 于 2006-8-11 01:56 编辑 ]

TOP

一.歌曲的标记:


<EMBED SRC="音乐文件地址">

在论坛做帖常用格试如下:

<EMBED src="歌曲地址" width=300 height=40 type=audio/mpeg loop="-1" autostart="FALSE" volume="0">


二.说明:


1. 手动播放: 
<EMBED src="歌曲地址" width=300 height=40 type=audio/mpeg loop="-1" autostart="
FALSE" volume="0">


2. 打开页面自动播放: 

<EMBED src="歌曲地址" width=300 height=40 type=audio/mpeg loop="-1" autostart="
TRUE" volume="0">


三:常用属性如下:

src="your.mid"
设定 midi 档案及路径,可以是相对或绝对。

autostart=true
是否在音乐档下载完之后就自动播放。true 是,false 否 (内定值)。

loop="true"
是否自动反复播放。LOOP=2 表示重复两次,true 是, false 否。

HIDDEN="true"
是否完全隐藏控制画面,true 为是,no 为否 (内定)。

STARTTIME="分:秒"
设定歌曲开始播放的时间。如 STARTTIME="00:30" 表示从第30秒处开始播放。

VOLUME="0-100"
设定音量的大小,数值是0到100之间。内定则为使用系统本身的设定

WIDTH="整数" 和 HEIGHT="整数"
设定控制面板的高度和宽度。

ALIGN="center"

设定控制面板和旁边文字的对齐方式,其值可以是 top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom >

CONTROLS="smallconsole"
设定控制面板的外观。预设值是 console。
console 一般正常面板   
smallconsole 较小的面板   
playbutton 只显示播放按钮   
pausecutton 只显示暂停按钮   
stopbutton 只显示停止按钮   
volumelever 只显示音量调节按钮

例一:

<EMBED SRC="midi.mid" autostart=true hidden=true loop=true>

作为背景音乐来播放,隐藏了播放器。

例二:

<EMBED SRC="midi.mid" loop=true width=280 height=40>


出现控制面板了,你可以控制它的开与关,还可以调节音量的大小。

注明:可用来插入各种多媒体,格式可以是 Midi、Wav、AIFF、AU 等等,Netscape 及 新版的 IE 都支持。

IE中的的背景音乐

代码如下:

<bgsound src="音乐文件地址" loop=#>

#=循环数

注明:这种背景音乐格式,只有在IE浏览器中才可以听到。一般用来插入wav wma mid mp3等格试的音乐。

发个音乐要了解那么多?呵呵,大家大可不必,想知道的可以了解一下,其实把上面代码复制过去换一下歌曲地址就ok了。。。
同时注意根据需要将手动播放"FALSE"改为自动播放"TRUE"

三.REAL MEDIA播放器
1,代码

<EMBED src="rtsp://media.real.com/realguide/music/media_d/destinyschild_survivor_rv8hi.rm " width=500 height=400 type=audio/x-pn-realaudio-plugin autostart="FALSE" controls="IMAGEWINDOW,ControlPanel,StatusBar" console="Clip1"></EMBED>

2.代码:

简约型代码

<EMBED align=middle src=rtsp://media.real.com/realguide/music/media_d/destinyschild_survivor_rv8hi.rm width=39 height=18 type=audio/x-pn-realaudio-plugin loop="infinite" volume="100" controls="PlayButton" autostart="FALSE">

[ 本帖最后由 席特 于 2006-8-11 02:48 编辑 ]

TOP

代码

<EMBED style="FILTER: invert(); WIDTH: 400px; HEIGHT: 50px" src=歌曲地址 type=audio/mpeg ShowStatusBar="1" autostart="false" loop="true" volume="0">

[ 本帖最后由 席特 于 2006-8-11 02:02 编辑 ]

TOP

 

代码:

<EMBED style="FILTER: Xray(); WIDTH: 400px; HEIGHT: 50px" src=http://mms.blog.xuite.net/cf/0e/13002692/blog_47432/dv/3615742/3615742.asx type=audio/mpeg ShowStatusBar="1" autostart="TRUE" loop="true" volume="0">

[ 本帖最后由 席特 于 2006-8-11 02:04 编辑 ]

TOP

<EMBED pluginspage=http://www.microsoft.com/windows/mediaplayer/download/default.asp width=400 height=172 type=application/x-mplayer2 FileName="http://mms.blog.xuite.net/cf/0e/13002692/blog_47432/dv/3615742/3615742.asx" SHOWCONTROLS="1" SHOWSTATUSBAR="1" SHOWDISPLAY="1" SHOWGOTOBAR="1" AUTOSTART="false" PlayCount="1">

[ 本帖最后由 席特 于 2006-8-11 02:05 编辑 ]

TOP

代码:

<TABLE style="BORDER-RIGHT: #808000 4px dotted; BORDER-TOP: #808000 4px dotted; BORDER-LEFT: #808000 4px dotted; BORDER-BOTTOM: #808000 4px dotted" cellSpacing=0 cellPadding=0 align=center bgColor=#808000> <TBODY> <TR> <TD> <TABLE borderColor=#808000 align=center bgColor=#808000 border=2> <TBODY> <TR> <TD style="FILTER: alpha(opacity=100,style=3)"> <P align=center><EMBED src=http://www.fz2001.com/music/caoyuan.wma width=300 height=40 type=audio/mpeg volume="0" autostart="false" loop="-1"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

[ 本帖最后由 席特 于 2006-8-11 02:07 编辑 ]

TOP

发新话题

本论坛拒绝一切和中华人民共和国法律相背的言论,违者交公安机关处理。本论坛所发文字和音乐信息仅代表发贴人个人观点,与本站立场无关。
本论坛音乐皆从网上搜集转载,不承担任何技术及版权问题。下载链接仅供宽带测试研究用途,请下载后24小时内删除,请勿用于商业用途。