IT码农库

您当前所在位置:首页 > 网络编程 > 网页播放器

网页播放器

[翻译] JW Media Player 中文文档第1/4页

[db:来源] 2007-11-28网页播放器6625
官方网址 http://www.jeroenwijering.com 这篇文档包含了JW MP3 Player,JW FLVPlayer,JW Media Player,JW Image Rotator的安装方法和配置方 法 JW PLAYERS 3.11 文档 1,安装 (在你的站点里嵌入) 2,参数 (...

官方网址 http://www.jeroenwijering.com

这篇文档包含了JW MP3 Player,JW FLVPlayer,JW Media Player,JW Image Rotator的安装方法和配置方

JW PLAYERS 3.11 文档

1,安装 (在你的站点里嵌入)
2,参数 (配置)
    基本参数
    颜色参数
    界面参数
    播放参数
    互动参数
3,播放列表
4,自定义
5,支持

快速配置,可运行配置向导 


1,安装
下载后,你可以得到一个例子,当用文本或HTML编辑器打开的时候,你可以发现swf是用一段短小的
javascript嵌入到页面上的。这个Javascript是Geoff Stearns写的swfobject.js,它解决了Flash需要激
活的麻烦。当复制swf到你的站点的时候,不要忘记了把swfobject.js一同复制过去。并且在页面中的
Head中加入下面代码


 程序代码

复制代码 代码如下:

<script type="text/javascript" src="swfobject.js"></script> 


在swfobject.js的帮助下你可以方便的设置swf的路径,宽度,高度,背景颜色和所需要的Flash播放器的版本,也可以通过它设置一组参数来配置swf。当页面加载的时候,javascript会根据id来替换页面中的节点。
 程序代码
复制代码 代码如下:

<p id="player"><a href="http://www.macromedia.com/go/getflashplayer">Get Flash</a> to see this player.</p> 
<script type="text/javascript"> 
    var so = new SWFObject('mediaplayer.swf','player','400','400','7'); 
    so.addParam("allowfullscreen","true"); 
    so.addVariable("file","test.flv"); 
    so.addVariable("displayheight","300"); 
    so.write('player'); 
</script> 

在你不能使用javascript的情况下(比如你的bsp不支持,如myspace),你可以使用"embed"的方式来插入swf。
需要注意的是 swf可以不在该服务器上,但是如果你需要用xml的播放列表可能会有问题,因为xml必须和swf在同一个服务器上,否则会因为安全问题被组织。mp3,jpg,flv可以不在该服务器上。 
 程序代码
复制代码 代码如下:

<embed src="http://www.myfileserver.com/folder/mediaplayer.swf" width="400" height="400"  
type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"  
flashvars="file=http://www.myfileserver.com/folder/test.flv&displayheight=300" /> 

2,参数
这些参数可以配置被嵌入到html中的播放器的行为和外观。如果使用swfobject.js,可以用addVariable()方法来配置,如果使用的embed方式,可以通过定义"flashvars"属性来配置变量,注意用"&"符号分割这些变量。
被*号标注的同样适用于 JW Image Rotator

基本变量

displayheight(number):显示区域的高度.控制区域最小高度是20px,当该值大于或等于swf的高度时,播放列表会自动隐藏,否这会显示。
file*(url):要播放文件的地址。 支持单文件播放(MP3/FLV/RTMP/JPG/SWF/PNG/GIF),也支持播放列表。JW Image Rotator只支持列表
height*(number):设置swf的高度,当使用embed方式插入的时候,在embed的属性里已经设置了。但是有时候(特别是使用IE的时候)高度会变的不确定,影响了布局,这时候需要通过该参数设置下,该值的单位是px
image(url):当你播放mp3,flv的时候,你可以通过该值设置一个预览图作为专辑封面,支持 JPG/SWF/PNG/GIF file. 你也可以在播放列表中对每一项进行设置。
shownavigation*(true,false):该参数仅被JW Image Rotator支持。用来显示或隐藏图片导航。
transition* (fade,bgfade,blocks,bubbles,circles,fluids,lines,random,slowfade): 该参数仅被JW Image Rotator支持。用来设置图片替换的效果。 设置为"random" 将随机的设置效果.默认值为 "fade". 
width*(number):设置swf的宽度,其他同height;

大图广告(830*140)