‹‹ 上一主题 | 下一主题 ››
 188 12345678910... 13
发新话题
打印

[素材教学] 推荐几款播放器

heixr-006

荣誉会员

Rank: 9Rank: 9Rank: 9

臭鸡蛋
0 个 
小红花
91 朵 
楼主 大 中 小 发表于 2006-4-19 07:28  只看该作者

推荐几款播放器

引用:
以下播放器，在发贴子时直接复制代码，将音乐地址一换就可以用了！这都是手动播放，如果要自动，请看8楼的说明！

 autostart=是否自动播放 center=置中 loop=2 表示重复两次，true 是， false 否。
如果要隐藏播放器，把width和height的数值改成0或者1就可以了 　

手动播放器

<EMBED src=歌曲地址 hidden==false type=audio/x-ms-wma LOOP="false" AUTOSTART="false"></EMBED>

普通无特效播放器

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

黑色播放器

<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>

灰色播放器

<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"></EMBED>

咖啡色播放器

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

信息在下部播放器

<EMBED style="BORDER-RIGHT: black 1px ridge; BORDER-TOP: black 1px ridge; FILTER: 99999(); BORDER-LEFT: black 1px ridge; BORDER-BOTTOM: black 1px ridge" src="音乐地址.wma" width=300 height=45 loop="-1" volume="0" showstatusbar="1">

隐藏按键播放器

<EMBED src="音乐地址.mp3" width=300 height=23 charset=iso-8859-1" PlayCount="0" AUTOSTART="1" SHOWGOTOBAR="1" SHOWDISPLAY="1" SHOWSTATUSBAR="1" SHOWCONTROLS="1">

rm或mid格式播放器

<EMBED src=音乐地址.rm width=300 height=25 type=audio/x-pn-realaudio-plugin controls="ControlPanel" autostart="0">

rm式播放器

<embed src=音乐地址.rm type=audio/x-pn-realaudio-plugin console=Clip1 controls=ControlPanel,StatusBar height=55 width=300 autostart=0></embed>

代碼如下:

<TABLE style="BORDER-RIGHT:green 3px dotted; BORDER-TOP:green 3px dotted; BORDER-LEFT:green 3px dotted; BORDER-BOTTOM:green 3px dotted" cellSpacing=0 cellPadding=0 bgColor=white background=http://............/........jpg>

<TBODY>

<TR>

<TD>

<TABLE style="BORDER-RIGHT:#ff69b4 3px dashed; BORDER-TOP:#ff694 3px dashed; BORDER-LEFT:#FF69b4 3px dashed; BORDER-BOTTOM:#ff69b4 3px dashed" cellSpacing=0 cellPadding=0 bgColor=white>

<TBODY>

<TR>

<TD>

<TABLE style="BORDER-RIGHT:#ff69b4 3px dotted; BORDER-TOP:#ff69b4 3px dotted; BORDER-LEFT:#ff69b4 3px dotted; BORDER-BOTTOM:#ff69b4 3px dotted" cellSpacing=2 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)">

<P align=center><EMBED src=http://.............../............./..wma width=300 height=45 type=audio/mpeg loop="-1" autostart="0" volume="0"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

代碼如下:

<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://........./.......asx width=300 height=40 type=audio/mpeg volume="0" autostart="0" loop="-1"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

代碼如下:

<TABLE style="BORDER-RIGHT:#ff99ff 6px dashed; BORDER-TOP:#ff99ff 6px dashed; BORDER-LEFT:#ff99ff 6px dashed; BORDER-BOTTOM:#ff99ff 6px dashed" cellSpacing=0 cellPadding=0 bgColor=white>

<TBODY>

<TR>

<TD>

<TABLE borderColor=#ff69b4 align=center boColor=#ffccf5 border=2>

<TBODY>

<TR>

<TD style="FILTER:alpha(opacity=100,style=3)">

<P align=center><EMBED src=http://......../..../.wma width=300 height=45 type=audio/mpeg volume="0" autostart="0" loop"-1"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

說明:以上3個,顏色(如#ff99ff等),齒大小(如4px,6px等)可以任意調節.

[ 本帖最后由 heixr-006 于 2007-2-23 15:57 编辑 ]
本帖最近评分记录
  • sutt 威望 +5 感谢你的播放器 2006-12-14 15:20
  • 天蝎天煞 威望 +20 精品文章 2006-7-29 18:04

TOP

heixr-006

荣誉会员

Rank: 9Rank: 9Rank: 9

臭鸡蛋
0 个 
小红花
91 朵 
沙发 大 中 小 发表于 2006-4-19 07:32  只看该作者

<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 loop="-1" autostart="false" volume="0"> </P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

普通无特效播放器：





白色：



代码：

CODE:
<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></FONT>



黑色：

代码：

CODE:
<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></FONT>



灰色：

代码：

CODE:
<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"></EMBED></B></FONT>



棕色：



代码：

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

其中：width=100 height=40 中的数字分别表示播放器的宽度和高度 ，注意：都选择0将隐藏播放器（隐藏时一定要选择自动播放）
autostart="true"中true或1表示自动播放，false或0表示手动播放
loop="true" 中的true或1表示重复播放，false或0表示只播放一次






CODE:
<EMBED src=http://202.116.140.5/music/gccd/4/CD-0321/11.MP3 width=200 height=30 type=audio/x-pn-realaudio-plugin autostart="0" controls="ControlPanel"></EMBED>







CODE:
<TABLE style="FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)gray(); WIDTH: 200px; HEIGHT: 83px"><TBODY><TR><TD><EMBED style="BORDER-RIGHT: silver 1px solid; BORDER-TOP: silver 1px solid; BORDER-LEFT: silver 1px solid; BORDER-BOTTOM: silver 1px solid" src=http://www.nxc.cn/bbs/UploadFile/2004-8/200481482641160.wma width=200 height=50 type=audio/x-mplayer2 console="video" showstatusbar="0" EnableContextMenu="0" volume="0" autostart="0" loop="-1"></TD></TR></TBODY></TABLE>
[ 本帖最后由 heixr-006 于 2006-9-3 09:56 编辑 ]

TOP

heixr-006

荣誉会员

Rank: 9Rank: 9Rank: 9

臭鸡蛋
0 个 
小红花
91 朵 
板凳 大 中 小 发表于 2006-4-19 07:35  只看该作者

<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>

再来几款：






黑色播放器


CODE:  [复制]
<CENTER><EMBED style="FILTER: xray()" src=http://doom.tzinfo.com/n0wAy/InTheWaitingLine.mp3 width=300 height=50 type=audio/mpeg Pausini--Volevo Dirti Che Ti Amo.WMA Louie.mp3 louie.mp3 ShowStatusBar="1" volume="0" autostart="true" loop="-1" 32-01.wma Path Winding The - Kern></EMBED></CENTER>

棕色播放器


CODE:  [复制]
<CENTER><EMBED style="FILTER: invert()" src=音乐连接地址 width=300 height=50 type=audio/mpeg Pausini--Volevo Dirti Che Ti Amo.WMA Louie.mp3 louie.mp3 ShowStatusBar="1" volume="0" autostart="true" loop="-1" 32-01.wma Path Winding The - Kern></EMBED></CENTER>

闪光播放器外加蒙胧化




CODE:  [复制]
<CENTER>
<TABLE style="BORDER-RIGHT: #f1dda1 2px ridge; BORDER-TOP: #bdb76b 2px ridge; BORDER-LEFT: #f1dda1 2px ridge; BORDER-BOTTOM: #bdb76b 2px ridge; BACKGROUND-COLOR: white" borderColor=#ffffff cellPadding=0 width=300 align=center background=http://bbs.muwen.com/fileuploaddir/4B2686448.4.gif border=0><TBODY><TR><TD width=300 height=20 cellPadding="0" cellSpacing="0"><TABLE align=center border=0><TBODY><TR><TD style="FILTER: alpha(opacity=60,style=3)">
<P align=center><EMBED style="FILTER: invert(); WIDTH: 290px; HEIGHT: 28px" src=音乐连接地址 type=audio/x-ms-wma autostart="true" loop="-1" volume="0"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></CENTER>

花播放器


CODE:  [复制]
<P align=center><TABLE style="BORDER-COLLAPSE: collapse" height=24 cellSpacing=0 cellPadding=0 width=300 align=center background=http://bbs.muwen.com/fileuploaddir/4B258184577.gif border=1><TBODY><TR><TD style="FILTER: Chroma(Color='#000000')"><P align=center><EMBED src=音乐连接地址 width=300 height=24 type=audio/mpeg Pausini--Volevo Dirti Che Ti Amo.WMA Louie.mp3 louie.mp3 ShowStatusBar="1" volume="0" autostart="true" loop="-1" 32-01.wma Path Winding The - Kern></P></TD></TR></TBODY></TABLE>

播放器蒙胧化


CODE:  [复制]
<P align=center><TABLE style="FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=3, StartX=20, StartY=40, FinishX=0, FinishY=0)gray(); WIDTH: 300px; HEIGHT: 60px"><TBODY><TR><TD><EMBED src=音乐连接地址 width=270 height=40 type=audio/mpeg loop="true" autostart="true" panel="0"> </TD></TR></TBODY></TABLE></P>

两端朦胧化


CODE:  [复制]
<CENTER><TABLE style="FILTER: Alpha(Opacity=300, FinishOpacity=0, Style=2, StartX=20,StartY=30, FinishX=0, FinishY=0)invert()"><TBODY><TR><TD><EMBED style="FILTER: xray()" src=音乐地址 loop="true" width=300 height=30 type=audio/mpeg showstatusbar="0"></EMBED></TD></TR></TBODY></TABLE></CENTER>

[ 本帖最后由 heixr-006 于 2007-2-23 15:52 编辑 ]

TOP

heixr-006

荣誉会员

Rank: 9Rank: 9Rank: 9

臭鸡蛋
0 个 
小红花
91 朵 
4# 大 中 小 发表于 2006-4-19 07:36  只看该作者

<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>

再补充一些

以前经常有人会问我如何在页面中加入播放器？对于一些新手来说，可以在编辑时点击插入播放器而无需用到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 复制时务必将（EMBED。。。）前后的括号（）替换成<>。这点非常重要。
2 WIDTH代表播放器宽度，HEIGHT代表高度，后面的数值可依自己喜好进行调整。
3 AUTOSTART="TRUE" 这里TRUE代表自动播放，如果换成FALSE则代表手动播放。

二、装饰美化你的播放器

有了基本的款式后，我们就可以根据自己的想象力，巧用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>

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

　

　

代码如下
　

<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>

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

　

　

　

代码如下:
<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>

还可以利用动态的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)">
<P align=center><EMBED style="FILTER: Gray" src=歌曲地址 width=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="-1"> </P></TD></TR></TBODY></TABLE></TD></TR></TBODY> </TABLE>

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

　

　

代码如下
<TABLE height=40 cellSpacing=0 cellPadding=0 width=300 background=http://bbs.guqu.net/UploadFile/2005-4/20054302075888035.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>
<P align=center><EMBED style="FILTER: Gray" src=歌曲地址 width=300 height=40 type=audio/mpeg loop="-1" autostart="false" volume="0"></P></TD></TR></TBODY></TABLE></TD>< /TR></TBODY></TABLE>

这么多五彩缤纷的播放器是不是很吸引你呢？只要你肯花心思，你可以用HTML 表格做成两层或三层的播放器来，呈现你自己不同于他人的特色。这是一个崇尚个性的年代，模仿固然能让你找到捷径，但是创造性才是决定你是否能吸引人的关健。言归正传，如果这个贴能让你有所启发，就达到我们的本意了。也希望今后能看到更多独具特色的播放器出现。

[ 本帖最后由 heixr-006 于 2006-9-3 10:00 编辑 ]

TOP

heixr-006

荣誉会员

Rank: 9Rank: 9Rank: 9

臭鸡蛋
0 个 
小红花
91 朵 
5# 大 中 小 发表于 2006-4-19 07:37  只看该作者

<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"></EMBED>

TOP

heixr-006

荣誉会员

Rank: 9Rank: 9Rank: 9

臭鸡蛋
0 个 
小红花
91 朵 
6# 大 中 小 发表于 2006-4-19 07:38  只看该作者

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

TOP

heixr-006

荣誉会员

Rank: 9Rank: 9Rank: 9

臭鸡蛋
0 个 
小红花
91 朵 
7# 大 中 小 发表于 2006-4-19 07:38  只看该作者

<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)">
<P align=center><EMBED style="FILTER: Gray" 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>

TOP

heixr-006

荣誉会员

Rank: 9Rank: 9Rank: 9

臭鸡蛋
0 个 
小红花
91 朵 
8# 大 中 小 发表于 2006-4-19 07:40  只看该作者
以上的播放器，在发贴子时只是将音乐地址一换就可以发了！！如果要求自动播放可以将：autostart="false" 中的autostart="false" 改成：autostart="1" 。
引用:
代码中有：.wma的格式都是音乐地址！例如：http://cherry.jazzsky.com/LIU/all_about_you.wma。就是音乐地址！
[ 本帖最后由 heixr-006 于 2006-5-13 12:42 编辑 ]

TOP

晓强

中级会员

Rank: 3Rank: 3

臭鸡蛋
0 个 
小红花
2 朵 
9# 大 中 小 发表于 2006-4-19 07:40  只看该作者
好东西.楼主辛苦了,谢谢分享.

TOP

九个太阳

中级会员

Rank: 3Rank: 3

随便走走

臭鸡蛋
0 个 
小红花
0 朵 
10# 大 中 小 发表于 2006-4-19 09:51  只看该作者
好东西,正需要呢.谢谢领导~

TOP

gjwq258

从头再来 do it all again

荣誉会员

Rank: 9Rank: 9Rank: 9

中天球迷协会 宣传办主任

臭鸡蛋
0 个 
小红花
30 朵 

球迷协会

11# 大 中 小 发表于 2006-4-19 12:46  只看该作者
好东西阿，谢谢分享

TOP

gjwq258

从头再来 do it all again

荣誉会员

Rank: 9Rank: 9Rank: 9

中天球迷协会 宣传办主任

臭鸡蛋
0 个 
小红花
30 朵 

球迷协会

12# 大 中 小 发表于 2006-4-19 13:28  只看该作者
我试了一下，还是比较好用的阿，只是为什么必须点播放才播放呢？

TOP

wly2003

中级会员

Rank: 3Rank: 3

臭鸡蛋
0 个 
小红花
0 朵 
13# 大 中 小 发表于 2006-4-19 13:49  只看该作者
好东东啊，支持一下！

TOP

orenge

中级会员

Rank: 3Rank: 3

无处不在

臭鸡蛋
0 个 
小红花
1 朵 
14# 大 中 小 发表于 2006-4-19 13:58  只看该作者
绝对支持啊

生命不息 奋斗不止

TOP

fenglinwan

新手上路

Rank: 1

臭鸡蛋
0 个 
小红花
0 朵 
15# 大 中 小 发表于 2006-4-20 17:49  只看该作者
谢谢分享 支持

TOP

‹‹ 上一主题 | 下一主题 ››
 188 12345678910... 13
发新话题