发新帖  新投票  回帖 
41651个阅读者,69条回复 | 打印 | 订阅 | 收藏
宠儿
原创音画组

发表时间:2006-1-25 12:30

[转帖]推荐几款漂亮的播放器



宠儿 发表在 教程交流 华声论坛 http://bbs.voc.com.cn/forum-163-1.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 表格做成两层或三层的播放器来,呈现你自己不同于他人的特色。也希望今后能看到更多独具特色的播放器出现。


[此贴子已经被作者于2006-6-12 13:31:47编辑过]

[本帖最后由 蓬浴莲花 于 2008-11-5 22:13 编辑]

 
宠儿
原创音画组

回复时间:2006-1-25 12:36
各种网页媒体播放器代码及详解
<object id="player" height="64" width="260" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
<param NAME="AutoStart" VALUE="-1">
<!--是否自动播放-->
<param NAME="Balance" VALUE="0">
<!--调整左右声道平衡,同上面旧播放器代码-->
<param name="enabled" value="-1">
<!--播放器是否可人为控制-->
<param NAME="EnableContextMenu" VALUE="-1">
<!--是否启用上下文菜单-->
<param NAME="url" VALUE="http://download.xaonline.com/music/huangpy/lover/HPY01.wma">
<!--播放的文件地址-->
<param NAME="PlayCount" VALUE="1">
<!--播放次数控制,为整数-->
<param name="rate" value="1">
<!--播放速率控制,1为正常,允许小数,1.0-2.0-->
<param name="currentPosition" value="0">
<!--控件设置:当前位置-->
<param name="currentMarker" value="0">
<!--控件设置:当前标记-->
<param name="defaultFrame" value="">
<!--显示默认框架-->
<param name="invokeURLs" value="0">
<!--脚本命令设置:是否调用URL-->
<param name="baseURL" value="">
<!--脚本命令设置:被调用的URL-->
<param name="stretchToFit" value="0">
<!--是否按比例伸展-->
<param name="volume" value="50">
<!--默认声音大小0%-100%,50则为50%-->
<param name="mute" value="0">
<!--是否静音-->
<param name="uiMode" value="mini">
<!--播放器显示模式:Full显示全部;mini最简化;None不显示播放控制,只显示视频窗口;invisible全部不显示-->
<param name="windowlessVideo" value="0">
<!--如果是0可以允许全屏,否则只能在窗口中查看-->
<param name="fullScreen" value="0">
<!--开始播放是否自动全屏-->
<param name="enableErrorDialogs" value="-1">
<!--是否启用错误提示报告-->
<param name="SAMIStyle" value>
<!--SAMI样式-->
<param name="SAMILang" value>
<!--SAMI语言-->
<param name="SAMIFilename" value>
<!--字幕ID-->
</object>
1.avi格式








2.mpg格式








3.rm格式








4.wmv格式








"nofollow">最简单的播放代码








把这个网址http://www.blogline.cn/naying-021011_01v_120k.wmv换成你要看的电影就行了






有图像的rm格式:








无图像的rm格式:如相声,歌曲。。。








最简单的media格式的播放器。。自动识别有无图像,但是版本是你机器的!








有图像的media播放器,自动调用网上的插件。








无图像的media播放器。。。同上。








只是界面不同的media的调插件播放器。。建议不用这个,,你可以看!










在线播放rm格式视频代码:








背景音乐多首歌曲播放



播放多首歌曲代码为:






“歌曲地址” 表示音乐地址

请注意:这个不是播放器 而是让背景音乐每次刷新都可以自动更换



[此贴子已经被作者于2006-1-25 13:02:43编辑过]

 
宠儿
原创音画组

回复时间:2006-1-25 13:11
整理了些资料上来,但自己一直都没有用过,请有兴趣的朋友自己研究。

 
星光听世界

回复时间:2006-1-25 15:28
这些资料我找了好久一直没找到,太谢谢宠儿版主了。
只是,刚才我在别的论坛试了一下第三款黑色的播放器面板代码,但最后显示的还是象第一款那样的普通面板。不知道是哪儿出了问题……继续研究!!

 
阳光下的音符

回复时间:2006-1-25 20:02
过了年再来试着用哦,谢谢啦,先收藏了




----------------------------------------------
在特效冒着快乐的泡泡
 
星光听世界

回复时间:2006-1-26 09:15
嘿嘿,早晨终于试贴黑色播放器面板成功,我总结一下,昨天之所以没成功,是因为那段代码如果是在UBB模式下粘贴,就不能正常显示,而应在HTML模式下粘贴。另外,那个“自动修正”复选项,选上与不选上,到底有什么区别,我现在还没搞懂~~~继续研究……

 
波斯心儿

回复时间:2006-1-26 12:00
不错,收了。。。。。。。。。




----------------------------------------------
★∵∴☆.★∵∴★∵
☆.∴★∵★ * ☆.★
≈≈≈≈≈≈≈≈≈≈ ★
╱◥█◣ ╱◥█◣ ★∵★
︱田︱田︱︱田︱田︱
╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬
 
筱依

回复时间:2006-1-26 16:00
真不错,宠儿版版辛苦了




----------------------------------------------
www.yanyuxuan.com
 
xiaoyaoyao

回复时间:2006-6-11 21:29
好极了
也这样做做看




----------------------------------------------
晴 空 看 鸟 飞
流 水 观 鱼 跃
 
tt5000

回复时间:2006-6-11 21:56
太谢谢宠儿宝贝了.




----------------------------------------------
 
雾帆

回复时间:2006-6-12 06:54
不错的说,辛苦了!


★试听音乐下载处★



[此贴子已经被作者于2006-6-12 6:54:38编辑过]




----------------------------------------------
茫茫雾海一孤帆,
乘风破浪勇向前.
漫漫百年人生路,
赢家都是拼搏男.
 
Nesta

回复时间:2006-6-12 23:45
没我的多,不过解释的比我详细,谢谢师父!




----------------------------------------------
多少红颜悴,多少相思碎,我只愿用我三世烟火,换君一世迷离。来世你渡我,君可愿?
 
魑魅魍魎

回复时间:2006-6-13 04:16
來LOU一眼




----------------------------------------------
┏┳━━━━━━━━━━━━━━━━━━━━━━━┳┓
┣卐─ 放蕩羈 桀驁馴 玩世恭 孤傲 ─卍┫
┗┻━━━━━━━━━━━━━━━━━━━━━━━┻┛
 
水稻

回复时间:2006-6-13 11:03

++++++++++++++++++++++++++++










----------------------------------------------
透过声看风景 风景音画学堂独好>>>
 
水稻

回复时间:2006-6-13 11:04
LOU
+++++++++








----------------------------------------------
透过声看风景 风景音画学堂独好>>>
 
⺌мé╃珟晴

回复时间:2006-6-13 11:30

以下是引用水稻在2006-6-13 11:03:00的发言:

++++++++++++++++++++++++++++







在山城龙门阵,你去看看...或者搜索 nesta 的精华贴...




----------------------------------------------
YYets~~让字幕与剧情同样精彩```刀光血影,网际纷争再起~``




 
宠儿
原创音画组

回复时间:2006-6-13 12:44

以下是引用Nesta在2006-6-12 23:45:00的发言:
没我的多,不过解释的比我详细,谢谢师父!



偶在家里的电脑都看不到效果,所以不好弄~~~~把你的都发来。。

 
宠儿
原创音画组

回复时间:2006-6-13 12:47

以下是引用魑魅魍魎在2006-6-13 4:16:00的发言:
來LOU一眼



难得四鬼来音画,宠儿奉茶~~~~

 
阿明明

回复时间:2006-6-13 16:45
学习了!!!

 
mm_dog

回复时间:2006-6-15 12:25
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="整数" 和 HIGH="整数"
设定控制面板的高度和宽度。(若 HIDDEN="no")



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



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




----------------------------------------------
   简单的事情重复做,你就是专家;重复的事情用心做,你就是赢家。
 
发新帖 新投票
 回帖
查看积分策略说明快速回复主题
你的用户名: 密码:   免费注册(只要30秒)


启用 Html 代码
使用个人签名
(请您文明上网理性发言!并遵守相关规定
   



Processed in 0.042348 s, 8 q - 无图精简版,sitemap,