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

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› 综合其他›网页编辑器

原作者: [db:作者] 来自: [db:来源] 收藏邀请

官方网址 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中加入下面代码

程序代码

复制代码代码如下:

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

12 3 4 下一页阅读全文