视频播放器之————JW Player参数详解

JW Player参数详解

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;

颜色变量
backcolor*(color):设置播放器的背景颜色。JW Media Player等默认为 0xFFFFFF (白色) JW Image Rotator默认为 0x000000 (黑色).
fontcolor*(color):设置文字和按钮的颜色。JW Media Player等默认为 0x000000 (黑色) JW Image Rotator默认为 0xFFFFFF (白色).
lightcolor*(color):设置被被激活状态的颜色。JW Media Player等默认为 0x000000 (黑色) JW Image Rotator默认为 0xCC0000 (红色).

 

界面参数
autoscroll(true,false):当播放列表过长的时候,默认会自动显示滚动条。当该值设置为'true'的时候,会自动根据鼠标滚动播放列表。
displaywidth(number of pixes):设置显示区域的宽度,当设置的比较小的时候,播放列表会显示在显示区域的右侧而不是底部。
kenburns* (true,false): 用以实现在运动的时候实现kb效果(Ken Burns
effect),注意,当图比较大,而且网速比较快的时候,建议打开,否则关闭。建议设置transition为"slowfade"来配合。
largecontrols (true,false): 设置该值为true用来放大控制区域的按钮。建议为视力不好的用户打开
logo* (url): 设置一个图片用来作为右上角的水印,支持所有图片格式,支持通明图层的png效果最佳。
overstretch* (true,false,fit,none): 设置图片/影片在显示区域的缩放。"true"等比例拉伸用来符合显示区域。"false"仅拉伸合显示区域。"fit"全屏显示。"none"显示原始 大小。JW Media Player等默认为"fit",JW Image Rotator默认为"false"
showdigits (true,false,total): 设置为"false"隐藏播放时间等信息用来节省控制区域的空间。设置为"total"用来显示全部时间。
showdownload (true,false):设置该值用来在控制区域显示下载按钮。链接到link所设置的地址。
showeq (true,false): 用来显示一个假的音频波动效果。当播放mp3的时候打设置该值可以得到很好的效果
showicons* (true,false): 用来显示或者隐藏显示区域中间的图片,JW Media Player等默认为true。JW Image
Rotator默认为false;
showvolume (true,false): 用来设置是否显示音量控制按钮
thumbsinplaylist (true,false): 设置列表中是否显示预览图

 

播放参数
autostart (true,false,muted): 设置为ture,页面加载完后会自动播放。设置为muted,会在静音模式下自动播放,并且显示区域中间有静音图标。
bufferlength (number): 设置flv的缓存时间。默认为3秒
repeat* (true,false,list): 默认为flase,从当前播放位置播放到列表尾部后停止。设置为list会播放列表中所有的项目,设置为true会循环播放。
rotatetime* (number): 设置图片的显示时间。JW Media Player等默认为10秒,JW Image
Rotator默认为5秒
shuffle* (true,false): 设置为false顺序播放,设置为true无序播
smoothing (true,false): 设置为false关闭视频平滑处理,推荐设置true用以得到更好效果。但对于大屏幕或者配置低的机器设置false是有好处的
start* (second): 在使用RTMP 或 HTTP 流媒体的时候(非常规的flv/mp3),使用该变量准确的定位开始位置。该参数设置在XSPE格式的列表中以便准且的设置文件的章节。
volume* (number): 设置音量,默认为80.

 

互动参数
audio* (url):用这个参数来添加一个mp3文件作为单独的音频,可以作为图片的背景音乐解说等。
bwfile (url):用以带宽检测的文件的地址,可以放一个图片,或者rtmp流媒体。可以在右键菜单中查看到贷款数值。
bwstreams (comma-separated list of bitrates):
和 bwfile配合使用,根据带宽值来选择不同的文件。如:你要播放video.flv并且设置该项的值为100,250,500,1000,当播放器发现 带宽为349kbps的时候,将会播放video_250.flv。所以他有一套有效的命名设置,他将会自动切换,哪怕是在采用播放列表的情况下。
callback (url):设置这个参数为服务端程序(php/asp)地址用来回传数据。在每个项播放和停止的时候会发送数据到服务器,以便在服务器端保存播放统计。
captions (url): 设置该值用以载入一个文本格式的文本作为字幕。播放器至支持SMIL格式和DVD的SRT格式的字幕。如果你的flv文件内置字体你可以设置该值 为"captionate".如果你有多频道字幕,可以设置这个值为"captionate0",
"captionate3"等。可以在列表中设置每一个项的值。
enablejs* (true,false): 设置为true打开对javascript的支持。仅支持在线使用。javascript可以控制播放,加载媒体,获得当前播放项的详尽信息。
fsbuttonlink (url):如果用户的flashplayer版本高于(9.0.28)播放器会自动的显示一个全屏按钮。通过设置该值,你可以链接到另外的页面用以全屏显示。服务端程可以设定将要播放的文件。
id (string): 播放器的唯一标识。将会被回传到服务器端。
javascriptid* (string):如果你的页面上有多个播放器,你可以设置这个参数给每个播放器不同的id,这样就可以方便的用javascript来控制。他将回传到getUpdate()事件中。
link (url): 通过这个参数用来设置一个可现在的版本,或者强制用户通过该地址下载当前项。可以在播放列表中为每一项设置该值。
linkfromdisplay* (true,false):设置显示区域被点击时要访问的页面。默认点击显示区域时会进行播放/暂停操作。
linktarget* (frame): 设置链接目标,"_self"在当前页打开。"_blank"在新页面中打开。
streamscript (url):设置这个参数为了兼容‘伪流媒体'FLV文件。
type (mp3,flv,rtmp,jpg,png,gif,swf,rbs,3gp,mp4,m4v): 播放器会根据文件名的最后三个字符来判断类型。在你使用服务器端语言进行重定向时,这种方法将不会再有效。所以你可以设置这个参数来告诉播放器文件类型。
你也可以在播放列表中对每一项进行设置。如果播放器找不到文件类型将会被识别为播放列表。
useaudio (true,false): 设置为false用来改变为静音状态。
usecaptions (true,false):设置为false隐藏字幕.
usefullscreen (true,false):如果你不希望用flashplayer9的全屏模式。可以设置"fsbuttonlink"参数用来替换全屏按钮的事件。
usekeys (true,false): 设置为"false"用来取消键盘操作(SPACE,UP,DOWN,LEFT,RIGHT)

 

 

 

repeat播放模式 :list列模式、none单曲模式、always循环模式

autostart是否自动播放:true,false

stretching缩放模式: fill按比例拉伸 uniform居中、exactfit拉伸、none无

 

 

new SWFObject(hostPlayer +
"player.swf", "adPlayer", wid, hei, "9");

adPlayer.sendEvent(event); //event值 1.stop停止视频、2. play开始

/*

*对播放器的状态监听,stateTracker为监听方法在状态改变时自动调用

 *state值:1.playing播放中 2.paused停止 3.idle空闲 4. completed结束

**/

adPlayer.addModelListener("state", "stateTracker");

 

//播放视频在播放列表中的索引

slPlayer.sendEvent("ITEM", i);

 

//设置电台容器标签

sObj.write("slPlayerSpace");

 

duration视频持续时间(播放时间)

 

 

 

----------------------js版jwplayer方法记载--------------------

 

jwplayer().getPosition();//播放了多少秒

jwplayer('playerdiv').play();
|| 

jwplayer(0).play(true/false);  //是否播放 0为索引

jwplayer(0). pause (true/false);  
//是否暂停

jwplayer(0). stop();   //停止无参

jwplayer().getBuffer(); //加载了百分之几

jwplayer().getFullscreen();setFullscreen(state);//是否全屏

jwplayer().getMute();setMute(state)//是否静音

 

jwplayer().getPlaylist()[0]['file'] ||

jwplayer().getPlaylistItem(0)['file']//获取播放列表中索引为0项的file值

 

jwplayer().getWidth() 
jwplayer().getHeight() //宽高

 

jwplayer().getState()//state值:1.playing播放中 2.paused停止 3.idle空闲 4. completed结束

 

jwplayer().getDuration() //视频播放结束需要的时间

 

jwplayer().getVolume()//声音大小

 

//加载播放列表

var playlist = new Array(

{file:"video/123.mp4", image:"images/videoimg1.jpg"},

{file:"video/234.flv", image:"images/videoimg1.jpg"});

jwplayer(0).load(playlist);

 

jwplayer(0).playlistItem(1); //播放下标为1的视频

jwplayer(0).playlistNext();//播放下一个视频

jwplayer(0).playlistPrev();//播放上一个视频

jwplayer(0).resize(width, height); //宽高

//从第(10-缓冲秒数)秒开始,缓冲(bufferlength)默认为3秒

jwplayer(0).seek(10);

 

events:{

    onComplete: function(){ alert("播放结束!!!");},

    onVolume: function(){ alert("声音大小改变!!!"); },

    onReady: function(){ alert("准备就绪!!!"); },

    onPlay: function(){ alert("开始播放!!!");},

    onPause: function(){ alert("暂停!!!");}       --1

}

 

Jwplayer(0).onPause: function(){ alert("暂停!!!");} //与1等同,先执行1

 

//回调函数

jwplayer(0).onBufferChange( function(){ alert("缓冲改变!!!"); } );

jwplayer(0).onBufferFull(function(){ alert("视频缓冲完成!!!");});

jwplayer(0).onError(function(obj){alert("播放器出错!!!"+obj.message);})

 

jwplayer(0).onFullscreen(function(obj){

if(obj.fullscreen){alert("全屏");}

    else{alert("非全屏");}

});

onMute(callback) // obj. mute是否静音

onPlaylist(function(obj){ //视频列表载入完成

    alert(obj.playlist[0]['file']);

});

onPlaylistItem(callback) // 开始播放一个视频时触发obj. index为视频索引

onReady(callback) //准备就绪

onResize(callback) //obj.width obj.height 
宽高

 

//进入播放时触发obj.oldstate
值:从BUFFERING PAUSE状态进入播放状态

onPlay(callback)

 

//进入暂停obj.oldstate
值1:从PLAYING BUFFERING状态进入暂停

onPause(callback)

 

onBuffer(callback) //进入加载obj.oldstate 值PLAYING, PAUSED or IDLE

 

onIdle(callback) //进入空闲obj.oldstate 值PLAYING, PAUSED or BUFFERING.

 

onComplete(callback) //结束播放

 

onVolume(callback) //obj.volume

时间: 2024-10-22 23:24:09

视频播放器之————JW Player参数详解的相关文章

APP漏洞扫描器之本地拒绝服务检测详解

APP漏洞扫描器之本地拒绝服务检测详解 作者:伊樵@阿里聚安全 阿里聚安全的Android应用漏洞扫描器有一个检测项是本地拒绝服务漏洞的检测,采用的是静态分析加动态模糊测试的方法来检测,检测结果准确全面.本文将讲一下应用漏洞扫描器在针对本地拒绝服务的检测方法. 一.本地拒绝服务产生原因和影响 Android应用使用Intent机制在组件之间传递数据,如果应用在使用getIntent(),getAction(),Intent.getXXXExtra()获取到空数据.异常或者畸形数据时没有进行异常捕

Python中的默认参数详解

  这篇文章主要介绍了Python中的默认参数详解,本文讲解了默认参数的基本原理.如何正确地使用可变参数等内容,需要的朋友可以参考下 文章的主题 不要使用可变对象作为函数的默认参数例如 list,dict,因为def是一个可执行语句,只有def执行的时候才会计算默认默认参数的值,所以使用默认参数会造成函数执行的时候一直在使用同一个对象,引起bug. 基本原理 在 Python 源码中,我们使用def来定义函数或者方法.在其他语言中,类似的东西往往只是一一个语法声明关键字,但def却是一个可执行的

C#基础语法:方法参数详解

这篇文章主要介绍了C#基础语法:方法参数详解,本文讲解了值参数.引用参数.输出参数.参数数组等参数类型,并分别给出代码实例,需要的朋友可以参考下     ●值参数 :一个值参数相当于一个局部变量,当使用值参数的时候,将会分配一个新的存储位置,将实参拷贝到该位置,并将该拷贝值传递给该方法.因此,值参数只能将值带进方法,但是不能带出方法,而不会影响实参的值. ●引用参数:当使用引用参数的时候,将不会分配一个新的存储位置,In other words,引用参数能将值带进方法,也能带出方法,因而会影响实

php setcookie(name, value, expires, path, domain, secure) 参数详解

setcookie() 定义一个和其余的 HTTP 标头一起发送的 cookie.和其它标头一样,cookie 必须在脚本的任何其它输出之前发送(这是协议限制).这 需要将本函数的调用放到任何输出之前,包括 <html> 和 <head> 标签以及任何空格.如果在调用 setcookie() 之前有任何输出,本函数将失败并返回 FALSE.如果 setcookie() 函数成功运行,将返回 TRUE.这并不说明用户是否接受了 cookie.函数定义:bool setcookie (

flash js Fusioncharts 参数详解与参考

flash js fusioncharts 参数详解与参考 objects anchors 锚点 用于标识line或area的数值点 支持效果 animation 动画.shadow 阴影.glow 发光.bevel 倾斜.blur 模糊 动画属性 _alpha._x._y._xscale._yscale background 整个图表的背景 支持属性 animation.shadow.glow.bevel.blur 动画属性 _alpha objects anchors 锚点 用于标识line

gcc参数详解

这篇文档是我的关于gcc参数的笔记,我很怀念dos年代我用小本子,纪录所有的dos 命令的参数.哈哈,下面的东西可能也不是很全面,我参考了很多的书,和gcc的帮助.不全的原因是,有可能我还没有看到这个参数, 另一种原因是,我可能还不会用它 不过,我会慢慢的补齐的.哈哈 如果你要转在本文章请保留我email(pianopan@beeship.com)和文章的全面性.  [介绍]  gcc and g++分别是gnu的c & c++编译器 gcc/g++在执行编译工作的时候,总共需要4步  1.预处

POPSpring动画参数详解

POPSpring动画参数详解   效果   源码 https://github.com/YouXianMing/Animations // // POPSpringParameterController.m // Animations // // Created by YouXianMing on 15/11/29. // Copyright 2015年 YouXianMing. All rights reserved. // #import "POPSpringParameterContro

虚拟主机/空间参数详解

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 刚接触站长行业的朋友免不了对网站空间的需求.无论你是租用收费的,还是使用免费的.对空间的相关参数有一个大体的认识能让你少走许多弯路. 参数详解: 操作系统:一般为win2003或者Linux.这个是指该空间的服务器所使用的系统,这个一般情况可以不管的,直接看其它的参数是否适合自己使用就行了. 网站空间:指的是该空间的容量,就和自己的电脑硬盘是

GhostScript命令参数详解

本文列出几个常用参数,然后下面附上官方的参数详解: 一.常用参数解释 这是一个测试的命令:gs -dQUIET -dNOSAFER -r300 -dBATCH -sDEVICE=pngalpha -dNOPAUSE -dNOPROMPT -sOutputFile=/opt/shanhy/testpng/%d.png /opt/shanhy/test.pdf Linux 中,到文件gs所在目录执行. Windows 中,到GhostScript安装目录下的bin目录下执行 gswin64c 或者