好友
阅读权限 25
听众
最后登录 1970-1-1
本帖最后由 hlrlqy 于 2015-9-14 11:37 编辑
说我是广告的,你倒是说说我在给谁大广告啊
这么多链接,我要有多下jian给这么多人免费打广告
在网页中放视频,是每一个写网站的人都需要用到的,而放置的方法有几百种,这里我们对常用的方法一一介绍一下
首先便是最普通的插入视频
以优酷作为例子(其他网站同理)
点分享。看,优酷已经为我们写好代码了,我们只要放到我们的网站中的任何一处,就可以看了
当然,亲测通用代码兼容性高
关于屏蔽广告(常常有经典的视频通过优酷分享链接发布到网站上,但外链优酷视频的广告实在是太闹心了,一般都是30秒广告。
屏蔽外链优酷视频的广告势在必行,其方法有三个(PS:似乎方法一二都不太管用了,如果你也有这样的烦恼请直接用方法三):
外链优酷视频的广告屏蔽方法一
只需要在视频代码中插入:allownetworking="internal" 这段代码即可,同时要保持这个参数值是这样:allowScriptAccess="sameDomain"。
首先获取你要外链的视频的html代码,例如:http://v.youku.com/v_show/id_XMzU2MTE5ODI4.html
代码如下:
<embed src="http://player.youku.com/player.php/sid/XMzU2MTE5ODI4/v.swf " quality="high" width="480" height="400" align="middle" allowScriptAccess="sameDomain" allowFullscreen="true" type="application/x-shockwave-flash"></embed>
加上这段参数后:
<embed src="http://player.youku.com/player.php/sid/XMzU2MTE5ODI4/v.swf " quality="high" width="480" height="400" align="middle" allowScriptAccess="sameDomain" allowFullscreen="true" allownetworking="internal" type="application/x-shockwave-flash"></embed>
外链优酷视频的广告屏蔽前:
屏蔽广告后:
end~~感觉土豆网对这个方法不太感冒,如果不行请继续往下看。
外链优酷视频的广告屏蔽方法二
把优酷的新款播放器替换成旧版的播放器,把上面的视频替换成下面的样子就行了,注意两个地方:
①视频ID地址(ID字符串(“XMzU2MTE5ODI4”)是相同的)
②确保这一段是这样的:allowScriptAccess="sameDomain"
<embed src="http://static.youku.com/v/swf/qplayer.swf ?VideoIDS=XMzU2MTE5ODI4" quality="high" width="480" height="400" align="middle" allowScriptAccess="sameDomain" allowFullscreen="true" type="application/x-shockwave-flash"></embed>
广告屏蔽后:
end~~
外链优酷视频的广告屏蔽方法三
取得优酷土豆等视频网站的真实视频地址来使用。解析优酷的FLV或MP4地址,使用自己网站的播放器播放(PS:解析FLV地址后可以直接下载收藏)。
解析网站推荐两个:
http://www.flvxz.com/ (似乎有时效性)
http://www.flvcd.com/ (推荐)
解析到真实FLV地址后,使用自己的播放器播放,如使用 ckplayer 播放(PS:也可以使用AJAX获取 http://www.flvcd.com/parsew.php? ... _XMzU2MTE5ODI4.html 然后分析内容得到绝对可靠的视频地址来播放就万无一失了。):
更多请参阅:[优酷视频调用示例]
附录,关于代码中的两个参数:AllowScriptAccess 和 allowNetworking
1、AllowScriptAccess
参数:
sameDomain:仅当 SWF 文件和网页位于同一域中时才允许执行外出脚本访问。这是 AVM2 内容的默认值。
never:外出脚本访问将始终失败。
always:外出脚本访问将始终成功。
AllowScriptAccess 参数可以防止从一个域中承载的 SWF 文件访问来自另一个域的 HTML 页面中的脚本。
对从另一个域承载的所有 SWF 文件使用 AllowScriptAccess="never" 可以确保位于 HTML 页面中的脚本的安全性。
2、allowNetworking
参数:
"all"(默认值)― SWF 文件中允许使用所有网络 API。
"internal"― SWF 文件可能不调用浏览器导航或浏览器交互 API,但是它会调用任何其它网络 API。
"none"― SWF 文件可能不调用浏览器导航或浏览器交互 API,并且它无法使用任何 SWF 到 SWF 通信 API。
可以控制 SWF 文件对网络功能的访问。调用被禁止的 API 会引发 SecurityError 异常。
当 allowNetworking 设置为 "internal" 时,以下 API 被禁止:
navigateToURL()
fscommand()
ExternalInterface.call()
当 allowNetworking 设置为 "none" 时,除了上面列出的那些 API 外,还会禁止以下 API:
sendToURL()
FileReference.download()
FileReference.upload()
Loader.load()
LocalConnection.connect()
LocalConnection.send()
NetConnection.connect()
NetStream.play()
Security.loadPolicyFile()
SharedObject.getLocal()
SharedObject.getRemote()
Socket.connect())
腾讯视频调用
//加载腾讯视频
(注意,默认情况下,视频处为最高级,总是处于页面的最上层,应当设置其透明,player.addParam("wmode","transparent");)
一般:
Js:
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript" src="http://qzs.qq.com/tencentvideo_v1/js/tvp/tvp.player.js""></script>
<script type="text/javascript" charset="utf-8"></script>
//加载腾讯视频,此方法依赖腾讯视频播放器组件
changeVideoBox:function(videoID,v_width,v_height,auto){
var video = new tvp.VideoInfo();
video.setVid(videoID);
var player = new tvp.Player(v_width, v_height);
player.setCurVideo(video);
player.addParam("autoplay",auto);
player.addParam("wmode","transparent"); player.addParam("showcfg","0");
player.addParam("flashskin","http://imgcache.qq.com/minivideo_v1/vd/res/skins/TencentPlayerMiniSkin.swf ");
player.addParam("showend",0)//结束画面是否有广告画面,或者是该视频本身结束
player.onplaying=function(vid){}
player.onended=function(){}
player.write("mod_player");
},
getParam:function(paramName){
paramValue = "";
isFound = false;
if (this.location.search.indexOf("?") == 0 && this.location.search.indexOf("=")>1)
{
arrSource = (this.location.search).substring(1,this.location.search.length).split("&");
i = 0;
while (i < arrSource.length && !isFound)
{
if (arrSource.indexOf("=") > 0)
{
if (arrSource.split("=")[0].toLowerCase()==paramName.toLowerCase())
{
paramValue = arrSource.split("=")[1];
isFound = true;
}
}
i++;
}
}
return paramValue;
}
}
Html:
<div class="show_flash"><div id="myswf"></div></div>
<script type="text/javascript">
Often.changeVideoBox("r01063879fo","199","140",0);自动播放,
</script>
直接播放:Often.changeVideoBox("r01063879fo","199","140",1);不自动播放,
腾讯视频统一播放器调用方案
可控制按钮:Often.changeVideoBox("r01063879fo","199","140",0);
腾讯视频统一播放器调用方案
player.addParam("wmode","transparent");//设置透明化,不设置时,视频为最高级,总是处于页面的最上面,此时设置z-index无效
player.addParam("flashskin","http://imgcache.qq.com/minivideo_v1/vd/res/skins/TencentPlayerMiniSkin.swf ");//此参数使视频窗口为小窗口。即,如图:
腾讯视频统一播放器调用方案
没有此参数,默认为大窗口,即:
腾讯视频统一播放器调用方案
结束时,界面:
player.addParam("showend",0)即是视频本身的界面:
腾讯视频统一播放器调用方案
没有改参数,即是播放器默认的界面,广告界面:
腾讯视频统一播放器调用方案
视频弹窗时,应注意关闭弹窗时,再重新打开是,视频应该重新加载,即:
<script type="text/javascript">
jQuery('.closePop').bind('click', function(){
$("#mod_player").html("");
Dialog.close();
})
</script>
具体如下:
基本介绍
腾讯视频通用播放器是一个使用JS封装好的web端视频播放器框架,提供视频播放的基础API,方便调用方在任意网页嵌入腾讯平台的视频或者网络直播。能够自动兼容PC和移动设备,PC端默认使用flash,ios移动设备使用HTML5技术,能兼容windows、mac、linux系统,兼容IE6\7\8,QQ浏览器、TT浏览器、遨游、Firefox、safari、opera、chrome等主流浏览器。
腾讯视频统一播放器调用方案
调用方案
腾讯视频统一播放器调用主要分为两个步骤:
步骤1:调用播放器的页面需要引入腾讯视频播放器JS文件;
步骤2:创建腾讯视频统一播放器对象和视频对象,设置属性,输出播放器;
JS存放路径
腾讯视频JS存放路径为: http://qzs.qq.com/tencentvideo_v1/js/tvp/tvp.player.js 编码为utf-8
点播调用方案
<script language="javascript" src="http://qzs.qq.com/tencentvideo_v1/js/tvp/tvp.player.js" charset="utf-8"></script>
<div id="mod_player"><!-- 这个div是播放器准备输出的位置 --></div>
<script language="javascript">
var video = new tvp.VideoInfo();
//向视频对象传入视频vid
video.setVid("9KZiLnxtCMv");
var player = new tvp.Player(600, 450);
//设置播放器初始化时加载的视频
player.setCurVideo(video);
//输出播放器
player.write("mod_player");
</script>
直播调用方案
<div id="mod_player"><!-- 这个div是播放器准备输出的位置 --></div>
<!-- 引入腾讯视频播放器组件 -->
<script language="javascript" src="http://qzs.qq.com/tencentvideo_v1/js/tvp/tvp.player.js" charset="utf-8"></script>
<script language="javascript">
var video = new tvp.VideoInfo();
//向视频对象传入直播频道id
video.setChannelId("18091377");
var player = new tvp.Player(500, 334);
//设置播放器初始化时加载的视频
player.setCurVideo(video);
//设置播放器为直播状态,1表示直播,2表示点播,默认为2
player.addParam("type","1");
//输出播放器
player.write("mod_player");
</script>
说明:
整个步骤为:
必须引入腾讯视频播放器JS
创建tvp.VideoInfo?类(待播放的视频信息)的对象实例,并传入视频vid或者直播频道id。
创建tvp.Player类(播放器信息)的对象实例。
将视频信息传入到播放器对象中。
通过播放器对象实例的write接口将播放器输出到指定的HTML元素中。
点播跟直播的区别主要是:
1. 点播是通过video.setVid(vid); 而直播是通过video.setChannelId(cnlid); 设置直播id
2. 点播需要player.addParam("type","2");或者省略,因为默认播放器为点播状态;直播必须通过player.addParam("type","1");设置播放器为直播状态,。
对象和参数说明
腾讯视频播放器框架是完全采用面向对象的思想使用javascript编写,为了防止变量冲突,框架提供的API都统一在window.tvp 命名空间下。 框架通过两个核心的对象接口实现对视频的播放。
框架在tvp命名空间下提供了许多的接口,详细可以点击查看
这里简单介绍下统一播放器最常使用的两个核心对象和接口参数
tvp.VideoInfo?()视频信息
tvp.VideoInfo?是视频信息对象,作用是对准备播放的视频信息属性的描述,例如视频的vid、直播频道的频道id、视频时长、视频起止时间、视频标题……
接口列表:
函数名称
用途
setVid(vid::string)
设置视频的vid
setChannelId(cnlid::string)
设置直播频道的频道id
getVid()
获取视频的vid
getChannelId()
获取直播频道的频道id
setTagStart(iStart::number)
设置看点开始时间
setTagEnd(iEnd::number)
设置看点结束时间
setTitle(sTitle::string)
设置视频标题
tvp.Player(width,height) 播放器
tvp.Player是播放器对象,提供对播放器的描述和属性设置,例如播放器是直播还是点播、播放器类别(控件、Flash还是HTML5)、loading动画、默认图片、皮肤……
tvp.Player 接受两个参数作为构造函数,width表示播放器的宽度,height表示高度,单位为像素px。
接口列表:
接口名称
描述
setCurVideo(video::tvp.VideoInfo?)
设置播放器加载时的默认播放视频对象
addParam(key::string,value::number|string)
向播放器传递参数,设置播放器的基本属性,包括直播/点播、是否自动播放、皮肤属性等…
write(elementId::string)
输出播放器到id为参数elementId的HTML元素中
play(video::tvp.VideoInfo?)
播放指定的视频,主要用于无刷新切换正在播放的视频
switchToOcx()
从flash播放器切换到控件播放器
switchToFlash()
从控件播放器切换到flash播放器
其中addParam方法可接受的参数和参数值类型为:
参数
参数值和说明
player
播放器类别;有4种参数,auto:自动,ocx:控件播放器,flash:flash播放器,html5:html5播放器,默认为auto,程序自动根据操作系统、平台以及浏览器选择最合适的播放器。
type
播放器使用场景;1表示直播,2表示点播;默认为2点播。
adplay
是否播放广告;1播放,0不播放,默认为1
showcfg
是否显示控制列表;1显示,0不显示,默认为1
loadingswf
加载视频时的swf动画; 不传入则使用默认样式
autoplay
是否自动播放;1自动播放,0不自动播放,默认是1
pic
播放器默认图,当autoplay=0时有效;不传入则使用视频截图
flashskin
flash播放器皮肤;不传入则使用默认皮肤;点播状态下可选值(注意仅限点播,直播无效):http://imgcache.qq.com/minivideo_v1/vd/res/skins/TencentPlayerMiniSkin.swf
wmode
flash播放器的wmode设置,仅对flash播放器有效
swfurl
点播状态flash播放器的swf文件路径,仅对flash播放器有效,如果您有专门定制的swf点播播放器,可以通过这个参数来指定路径
controls
html5播放器是否显示控制栏,仅对html5播放器有效;设置为controls显示,disabled不显示,默认显示。
框架在tvp命名空间下提供了许多的接口,
常见问题和反馈
Q:为什么一直显示缓冲中,无法播放?
A:可能是因为公司网络环境问题,视频源被8000拦截了,尝试访问任意一个受限网站,申请30分钟临时访问权限试试。
Q:对于直播,为什么有时候是flash有时候是控件呢?
A:默认会使用flash播放,但有两种情况会切换到控件:
1. 不是所有的频道都支持flash,这时会自动切换到控件;
2. 由于访问人数过多,支持flash直播的server压力过大,server会告知播放器后面新来的用户会使用控件采用P2P?模式播放。
Q:如果没有安装腾讯视频播放器就看不了直播是吗
A:默认会使用flash播放器,如果是flash就不需要直播控件,如果在服务器告知用户需要切换到控件,播放器JS会自动判断是否有装控件,并使用控件播放或者提示用户安装控件。
如果您有其他问题,
在使用API中如果有任何问题,请咨询popotang
直播信号:wwjs
直播频道id申请:paull
内容是网上的,太长我就隐藏了
你肯定会说。“楼主你是不是在水,这么简单谁都会”
现在我们进入第二部分(使用其他外链播放我们的视频)
(关于视频外链网站我就不多做介绍了,一般人都会)
PART1:使用免费空间/直链网盘做外链
亲测此方法主打的百度云外链基本失效,现在我就发下方法,你们自己找网盘什么的吧
通用播放:
<div style=" display:block; width:98%;"><p style="text-align: left"><object id="myPlayer" height="375" width="440" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
<param value="mms://video.wingsmedia.com.cn/wuan/othersites/123.wmv" name="URL" />
<param value="1" name="rate" />
<param value="0" name="balance" />
<param value="" name="defaultFrame" />
<param value="1" name="playCount" />
<param value="0" name="autoStart" />
<param value="0" name="currentMarker" />
<param value="-1" name="invokeURLs" />
<param value="" name="baseURL" />
<param value="50" name="volume" />
<param value="0" name="mute" />
<param value="1" name="stretchToFit" />
<param value="0" name="windowlessVideo" />
<param value="-1" name="enabled" />
<param value="-1" name="enableContextMenu" />
<param value="0" name="fullScreen" />
<param value="" name="SAMIStyle" />
<param value="" name="SAMILang" />
<param value="" name="SAMIFilename" />
<param value="" name="captioningID" /></object></p> </div>
</div>
针对以上代码,您只需要修改几个参数就可以成功了。
height="375" width="440"
这个参数是设置视频的大小,前面是高度,后面是宽度。它们都是以像素为单位。用户可以根据实际需要设置其大小。
3
value="mms://video.wingsmedia.com.cn/wuan/othersites/123.wmv" name="URL"
这个是最主要的内容,就是添加视频的链接。视频的来源一般有两种,一个是自己传到网上的,还有一种是从别人网上拷贝来的链接。比如土豆等一些视频网站。用户只要有视频的链接地址,替换掉代码中有下划线的链接地址就可以播放了。
但需要注意的是,视频的格式一定是wmv格式。
怎样在网页中加入视频
4
<param value="0" name="autoStart" />
这段代码是设置视频是否自动播放。“0”为默认不播放;“1”为页面打开后自动播放视频
以上的是网上的。几乎不挑格式,下面我们再来看看针对格式的
1.avi格式
代码片断如下:
<object id="video" width="400" height="200" border="0" classid="clsid:CFCDAA03-8BE4-11cf-
B84B-0020AFBBCCFA">
<param name="ShowDisplay" value="0">
<param name="ShowControls" value="1">
<param name="AutoStart" value="1">
<param name="AutoRewind" value="0">
<param name="PlayCount" value="0">
<param name="Appearance value="0 value=""">
<param name="BorderStyle value="0 value=""">
<param name="MovieWindowHeight" value="240">
<param name="MovieWindowWidth" value="320">
<param name="FileName" value="/Mbar.avi">
<embed width="400" height="200" border="0" showdisplay="0" showcontrols="1" autostart="1"
autorewind="0" playcount="0" moviewindowheight="240" moviewindowwidth="320"
filename="/Mbar.avi" src="Mbar.avi">
</embed>
</object>
2.mpg格式
代码片断如下:
<object classid="clsid:05589FA1-C356-11CE-BF01-00AA0055595A" id="ActiveMovie1" width="239"
height="250">
<param name="Appearance" value="0">
<param name="AutoStart" value="-1">
<param name="AllowChangeDisplayMode" value="-1">
<param name="AllowHideDisplay" value="0">
<param name="AllowHideControls" value="-1">
<param name="AutoRewind" value="-1">
<param name="Balance" value="0">
<param name="CurrentPosition" value="0">
<param name="DisplayBackColor" value="0">
<param name="DisplayForeColor" value="16777215">
<param name="DisplayMode" value="0">
<param name="Enabled" value="-1">
<param name="EnableContextMenu" value="-1">
<param name="EnablePositionControls" value="-1">
<param name="EnableSelectionControls" value="0">
<param name="EnableTracker" value="-1">
<param name="Filename" value="/mpeg/halali.mpg" valuetype="ref">
<param name="FullScreenMode" value="0">
<param name="MovieWindowSize" value="0">
<param name="PlayCount" value="1">
<param name="Rate" value="1">
<param name="SelectionStart" value="-1">
<param name="SelectionEnd" value="-1">
<param name="ShowControls" value="-1">
<param name="ShowDisplay" value="-1">
<param name="ShowPositionControls" value="0">
<param name="ShowTracker" value="-1">
<param name="Volume" value="-480">
</object>
3.smi格式
代码片断如下:
<OBJECT id=RVOCX classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA width=240 height=180>
<param name="_ExtentX" value="6350">
<param name="_ExtentY" value="4763">
<param name="AUTOSTART" value="-1">
<param name="SHUFFLE" value="0">
<param name="PREFETCH" value="0">
<param name="NOLABELS" value="-1">
<param name="SRC" value="rm.rm">
<param name="CONTROLS" value="ImageWindow">
<param name="CONSOLE" value="console1">
<param name="LOOP" value="0">
<param name="NUMLOOP" value="0">
<param name="CENTER" value="0">
<param name="MAINTAINASPECT" value="0">
<param name="BACKGROUNDCOLOR" value="#000000"><embed src="real.smi" type="audio/x-pn-
realaudio-plugin" console="Console1" controls="ImageWindow" height="180" width="240"
autostart="true"></OBJECT>
4.rm格式
代码片断如下:
<OBJECT ID=video1 CLASSID="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" HEIGHT=288
WIDTH=352>
<param name="_ExtentX" value="9313">
<param name="_ExtentY" value="7620">
<param name="AUTOSTART" value="0">
<param name="SHUFFLE" value="0">
<param name="PREFETCH" value="0">
<param name="NOLABELS" value="0">
<param name="SRC" value="rtsp://203.*.*.35/vod/dawan-a.rm">
<param name="CONTROLS" value="ImageWindow">
<param name="CONSOLE" value="Clip1">
<param name="LOOP" value="0">
<param name="NUMLOOP" value="0">
<param name="CENTER" value="0">
<param name="MAINTAINASPECT" value="0">
<param name="BACKGROUNDCOLOR" value="#000000"><embed SRC type="audio/x-pn-realaudio-plugin"
CONSOLE="Clip1" CONTROLS="ImageWindow" HEIGHT="288" WIDTH="352" AUTOSTART="false">
</OBJECT>
5.wmv格式
代码片断如下:
<object id="NSPlay" width=200 height=180 classid="CLSID:22d6f312-b0f6-11d0-94ab-
0080c74c7e95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en
/nsmp2inf.cab#Version=6,4,5,715" standby="Loading Microsoft Windows Media Player
components..." type="application/x-oleobject" align="right" hspace="5">
<param name="AutoRewind" value=1>
<param name="FileName" value="/blog/******.wmv">
<param name="ShowControls" value="1">
<param name="ShowPositionControls" value="0">
<param name="ShowAudioControls" value="1">
<param name="ShowTracker" value="0">
<param name="ShowDisplay" value="0">
<param name="ShowStatusBar" value="0">
<param name="ShowGotoBar" value="0">
<param name="ShowCaptioning" value="0">
<param name="AutoStart" value=1>
<param name="Volume" value="-2500">
<param name="AnimationAtStart" value="0">
<param name="TransparentAtStart" value="0">
<param name="AllowChangeDisplaySize" value="0">
<param name="AllowScan" value="0">
<param name="EnableContextMenu" value="0">
<param name="ClickToPlay" value="0">
</object>
6.wma格式
放在 <body> 里面。下面是部分解释:
<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="MediaPlayer1" > <param
name="Filename" value="/blog/1.Wma"><!--你文件的位置-->
<param name="PlayCount" value="1"><!--控制重复次数: “x”为几重复播放几次; x=0,无限循环。
-->
<param name="AutoStart" value="0"><!--控制播放方式: x=1,打开网页自动播放; x=0,按播放键播
放。-->
<param name="ClickToPlay" value="1"><!--控制播放开关: x=1,可鼠标点击控制播放或暂停状态;
x=0,禁用此功能。-->
<param name="DisplaySize" value="0"><!--控制播放画面: x=0,原始大小; x=1,一半大小; x=2,2
倍大小。-->
<param name="EnableFullScreen Controls" value="1"><!--控制切换全屏: x=1,允许切换为全屏;
x=0,禁用此功能。-->
<param name="ShowAudio Controls" value="1"><!--控制音量: x=1,允许调节音量; x=0,禁止音量调
节。-->
<param name="EnableContext Menu" value="1"><!--控制快捷菜单: x=1,允许使用右键菜单; x=0,禁
用右键菜单。-->
<param name="ShowDisplay" value="1"><!--控制版权信息: x=1,显示电影及作者信息;x=0,不显示相
关信息-->
</object>
7.Windows Media Player 系列(不同面板样式)
综合型:
<object classid=clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95
codebase="http://activex.microsoft.com/activex/controls/mplayer
/en/nsmp2inf.cab#Version=6,1,5,217"
id=MediaPlayer type=application/x-oleobject width=210 height=340 standby="Loading Microsoft
Windows Media Player components..." VIEWASTEXT align=MIDDLE>
<param name=AudioStream value=-1>
<param name=AutoSize value=0>
<param name=AutoStart value=1>
<param name=AnimationAtStart value=0>
<param name=AllowScan value=-1>
<param name=AllowChangeDisplaySize value=0>
<param name=AutoRewind value=0>
<param name=Balance value=0>
<param name=BaseURL value="">
<param name=BufferingTime value=5>
<param name=CaptioningID value="">
<param name=ClickToPlay value=0>
<param name=CursorType value=32512>
<param name=CurrentPosition value=-1>
<param name=CurrentMarker value=0>
<param name=DefaultFrame value=1>
<param name=DisplayBackColor value=0>
<param name=DisplayForeColor value=16777215>
<param name=DisplayMode value=0>
<param name=DisplaySize value=0>
<param name=Enabled value=-1>
<param name=EnableContextMenu value=-1>
<param name=EnablePositionControls value=0>
<param name=EnableFullScreenControls value=0>
<param name=EnableTracker value=1>
<param name=Filename value="http://202.102. *.*/flash/2/fff.swf">
<param name=InvokeURLs value=-1>
<param name=Language value=-1>
<param name=Mute value=0>
<param name=PlayCount value=1>
<param name=PreviewMode value=0>
<param name=Rate value=1>
<param name=SAMILang value="">
<param name=SAMIStyle value="">
<param name=SAMIFileName value="">
<param name=SelectionStart value=0>
<param name=SelectionEnd value=true>
<param name=SendOpenStateChangeEvents value=-1>
<param name=SendWarningEvents value=-1>
<param name=SendErrorEvents value=-1>
<param name=SendKeyboardEvents value=0>
<param name=SendMouseClickEvents value=0>
<param name=SendMouseMoveEvents value=0>
<param name=SendPlayStateChangeEvents value=-1>
<param name=ShowCaptioning value=0>
<param name=ShowControls value=1>
<param name=ShowAudioControls value=1>
<param name=ShowDisplay value=1>
<param name=ShowGotoBar value=1>
<param name=ShowPositionControls value=1>
<param name=ShowStatusBar value=1>
<param name=ShowTracker value=1>
<param name=TransparentAtStart value=0>
<param name=VideoBorderWidth value=0>
<param name=VideoBorderColor value=0>
<param name=VideoBorder3D value=0>
<param name=Volume value=-1070>
<param name=WindowlessVideo value=1>
</object>
简易型:
<EMBED src=http://www.*.com/mediadate/lxlhbcn.asf style="HEIGHT: 45px; WIDTH: 190px"
type=audio/mpeg AUTOSTART="1" loop="0">
</EMBED>
标签型:
<embed width=240 height=140 transparentatstart=true animationatstart=false autostart=true
autosize=false volume=100 displaysize=0 showdisplay=true showstatusbar=true
showcontrols=true showaudiocontrols=true showtracker=true showpositioncontrols=true
balance=true src="http://www.*.com/mediadate/lxlhbcn.asf">
</embed>
引用内容
媒体播放器的外观界面
在网页中,你可以通过相关属性来控制媒体播放器的哪些部分出现,哪些部分不出现。
媒体播放器包括如下元素:
Video Display Panel:视频显示面板;
Video Border:视频边框;
Closed Captioning Display Panel;字幕显示面板;
Track Bar;搜索栏;
Control Bar with Audio and Position Controls:带有声音和位置控制的控制栏;
Go To Bar:转到栏;
Display Panel:显示面板;
Status Bar:状态栏;
下面的属性用来决定显示哪一个元素:
ShowControls 属性:是否显示控制栏(包括播放控件及可选的声音和位置控件);
ShowAudioControls 属性:是否在控制栏显示声音控件(静音按钮和音量滑块);
ShowPositionControls 属性:是否在控制栏显示位置控件(包括向后跳进、快退、快进、向前跳进、预
览播放列表中的每个剪辑);
ShowTracker 属性:是否显示搜索栏;
ShowDisplay 属性:是否显示显示面板(用来提供节目与剪辑的信息);
ShowCaptioning 属性:是否显示字幕显示面板;
ShowGotoBar 属性:是否显示转到栏;
ShowStatusBar 属性:是否显示状态栏;
播放列表
媒体播放器提供下面的方法来访问播放列表中的剪辑:
Next 方法,跳到节目(播放列表)中的下一个剪辑;
Previous 方法,跳回到节目中的上一个剪辑;
媒体播放器的一个特性是能够预览节目中的每一个剪辑,使用如下属性:
PreviewMode 属性,决定媒体播放器当前是否处于预览模式;
CanPreview 属性,决定媒体播放器能否处于预览模式;
在windows 媒体元文件中,可以为每一个剪辑指定预览时间——PREVIEWDURATION,如果没有指定,那么
默认的预览时间是10秒钟。
你也可以用Windows 媒体元文件来添加 watermarks 与 banners,元文件也支持插入广告时的无间隙流
切换。
节目信息
使用 GetMediaInfoString 方法可以返回相关剪辑或节目的如下信息:
文件名:File name
标题:Title
描述:Description
作者:Author
版权:Copyright
级别:Rating
URLs:logo icon、watermark、banner的地址
剪辑信息可以放在媒体文件中,也可以放在Windows 媒体元文件中,或者两者都放。如果在元文件中指
定了剪辑信息,那么用 GetMediaInfoString 方法返回的就是元文件中的信息,而不会返回剪辑中包含
的信息。
在元文件中,附加信息可以放置在每一个剪辑或节目的 PARAM标签中。你可以为每个剪辑添加任意多个
PARAM 标签,用来存储自定义的信息或链接到相关站点。在 PARAM 标签中的信息可以通过
GetMediaParameter 方法来访问。
下面的属性返回有关大小和时间的信息:
ImageSourceHeight、ImageSourceWidth:返回图像窗口的显示尺寸;
Duration 属性,返回剪辑的长度(秒), 要检测这个属性是否包含有效的数值,请检查IsDurationValid
属性。(对于广播的视频,其长度是不可预知的)。
字幕
你可以用 .smi 文件来为你的节目添加字幕。媒体播放器支持下面的属性来处理字幕:
SAMIFileName 属性,指定 .smi 文件的名字;
SAMILang 属性,指定字幕的语言(如果没有指定则使用第一种语言);
SAMIStyle 属性,指定字幕的文字大小和样式;
ShowCaptioning 属性,决定是否显示字幕显示面板;
脚本命令
伴随音频、视频流,你可以在流媒体文件中加入脚本命令。脚本命令是多媒体流中与特定时间同步的多
对Unicode串。第一个串标识待发命令的类型,第二个串指定要执行的命令。
当流播放到与脚本相关的时间时,控件会向网页发送一个 ScriptCommand事件,然后由事件处理进程来
响应这个事件。脚本命令字符串会作为脚本命令事件的参数传递给事件处理器。
媒体播放器会自动处理下面类型的内嵌脚本命令:
1) URL 型命令:当媒体播放器控件收到一个URL型的命令时,指定的URL会被装载到用户的默认浏览器。
如果媒体播放器嵌在一个分帧的HTML文件中,URL页可 以装载到由脚本命令指定的帧内。如果脚本命令
没有指定一个帧,将由 DefaultFrame 属性决定将 URL 页装入哪一帧。
你可以通过设置 InvokeURLs 属性来决定是否自动处理 URL 型的脚本命令。如果这个属性的值为 false
,媒体播放器控件将忽视 URL型命令。但是脚本命令事件仍会触发,这就允许你有选择地处理 URL 型命
令。
URL 型命令指定的是 URL 的相对地址。基地址是由 BaseURL属性指定的。媒体播放器控件传送的脚本命
令事件的命令参数是链接好的地址。
2) FILENAME 型命令:当媒体播放器控件收到一个FILENAME型的命令时,它将 FileName属性设置为脚本
命令提供的文件,之后媒体播放器会打开这个文件开始播放。 媒体播放器控件总是自动处理 FILENAME
型命令,不象 URL 型命令,它们不能被禁止。
3) TEXT型命令:当媒体播放器控件收到一个 TEXT型的命令时,它会将命令的内容显示在控件的字幕窗
口。内容可以是纯文本的,也可以是 HTML。
4) EVENT型命令:当媒体播放器控件收到一个 EVENT型的命令时,它会在媒体元文件中搜索 EVENT 元素
的 NAME 属性。如果 NAME 属性与脚本命令中的第二个字符串匹配,媒体播放器控件就执行包含在
EVENT 元素中的条目。
5) OPENEVENT型命令:当媒体播放器控件收到一个 OPENEVENT型的命令时,它会在媒体元文件中检查
EVENT 元素,并打开匹配的标题,但不播放,直到收到来自 EVENT型命令的同名真实事件。
捕捉键盘和鼠标事件
EnableContextMenu 与 ClickToPlay 属性为用户提供了在图像窗口进行操作的方法。
如果 EnableContextMenu 属性为 true ,在图像窗口右击鼠标可以打开关联菜单,如果将ClickToPlay
属性设为 true ,用户可以单击图像窗口进行播放与暂停的切换。
要接收鼠标移动和单击事件,请将 SendMouseMoveEvents 和 SendMouseClickEvents 属性设为 true 。
鼠标事件有:
MouseDown,当用户按下鼠标时产生;
MouseUp,当用户释放鼠标时产生;
MouseMove,当用户移动鼠标时产生;
Click,当用户在媒体播放器上单击鼠标按钮时产生;
DbClick,当用户在媒体播放器上双击鼠标按钮时产生;
要接收键盘事件,请将 SendKeyboardEvents 属性设为 true 。键盘事件有:
KeyDown,当用户按下一个键时产生;
KeyUp,当用户释放一个键时产生;
KeyPress,当用户按下并释放一个键时产生;
监测流状态与网络链接
流状态属性包括:
PlayState:播放状态;
OpenState:打开状态;
Bandwidth:带宽;
支持的事件有:
OpenStateChange:打开状态改变(仅当SendOpenStateChangeEvents属性为true时触发)
PlayStateChange:播放状态改变(仅当SendPlayStateChangeEvents属性为true时触发)
EndOfStream:流结束时触发;
NewStream:打开新流时触发;
网络接收属性包括:
ReceptionQuality:接收质量;
ReceivedPackets:已经收到的包;
LostPackets:丢失的包;
监测缓冲的属性有:
BufferingTime:缓冲时间;
BufferingCount:缓冲次数;
BufferingProgress:缓冲进程;
Buffering:缓冲事件;
错误处理
媒体播放器提供了内建的错误处理功能——在对话框或状态栏显示错误信息。 另外,你可以自己添加错
误处理程序。如果 SendErrorEvents 属性设置为 true,将不会显示错误框,而是发送错误事件;如果
SendErrorEvents 属性设置为 false,将显示错误框,而是发送错误事件。
媒体播放器支持下面的错误处理事件:
Error 事件,指有危险性错误发生;
Warning 事件,指发生了非危险性的错误;
当你的应用程序接收到一个错误事件,你可以检测下面的属性来确定具体的错误信息:
HasError:检测目前的媒体播放器是否有错误;
ErrorCode:提供与该类型错误相关的代码值;
ErrorDescription:提供错误的描述信息;
ErrorCorrection:指定媒体播放器对该类型的错误进行校正;
播放CD
媒体播放器将 CD 看作(在每个音轨的开头具有标记的)单一音频流。 要在网页中使用CD,你需要将
FileName 属性设为 CDAUDI,必须带有冒号,如下所示:
<HTML>
<HEAD><TITLE>CD Audio Playback Example</TITLE></HEAD>
<BODY>
<OBJECT ID="MediaPlayer"
CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"
WIDTH="320"
HEIGHT="508"
STYLE="position:absolute; left:0px; top:70px;" >
<PARAM NAME="FileName" VALUE="cdaudi">
<PARAM NAME="AutoStart" VALUE="0">
<PARAM NAME="ShowControls" VALUE="1">
<PARAM NAME="ShowStatusBar" VALUE="1">
<PARAM NAME="ShowDisplay" VALUE="1">
</OBJECT>
</BODY>
</HTML>
之后你可以用 Play 方法播放 CD 了。
你可以在 windows 媒体元文件中指定播放顺序以及每个音轨的信息。示例如下:
<ASX VERSION="3.0">
<TITLE>CD Audio with the Media Player</TITLE>
<AUTHOR>Windows Media Technologies</AUTHOR>
<COPYRIGHT>(c) 1999, Microsoft, Inc.</COPYRIGHT>
<ENTRY>
<TITLE>Track 1: Title 1</TITLE>
<REF href="/blog/cdaudi" />
<STARTMARKER NUMBER="1"/>
<ENDMARKER NUMBER="2"/>
</ENTRY>
<ENTRY>
<TITLE>Track 2: Title 2</TITLE>
<REF href="/blog/cdaudi" />
<STARTMARKER NUMBER="2"/>
<ENDMARKER NUMBER="3"/>
</ENTRY>
<ENTRY>
<TITLE>Track 3: Title 3</TITLE>
<REF href="/blog/cdaudi" />
<STARTMARKER NUMBER="3"/>
<ENDMARKER NUMBER="4"/>
</ENTRY>
<ENTRY>
<TITLE>Track 4: Title 4</TITLE>
<REF href="/blog/cdaudi" />
<STARTMARKER NUMBER="4"/>
</ENTRY>
</ASX>
Flv视频文件的来源
首先说下这个Flash视频,也就是Flash Video。
为什么要用这个?很显然是需要在网页中播放视频。我们都知道一般的视频文件,要不就是asf格式、
wmv格式使用mediaplayer进行播放,要不就是rm格式用RealPlayer播放。
这样的问题是,格式的不同就需要选择不同的播放器,这对于本地计算机没有安装相应播放器的用户来
说,这些视频根本无法收看。
并且,还由于这些文件的容量过大,下载慢,查看也不很流畅。
所以,解决播放器和容量的问题,运用Flash有个方法:将各类视频文件转换成Flash视频文件。
播放器有嵌入在浏览器中的Flash播放器,这好像每个人的机器都有的吧,解决了其它一般视频文件需要
挑选播放器的问题,当然这也就是Flash的优势。
容量方面,从FlashMX2004起就支持了转换为Flash视频的功能,经过相关设置后,可缩小原有视频的容
量,最终转换的文件扩展名是FLV。
一句话:最终获得的是个FLV即Flash视频文件。
那么Flv文件如何在网页中显示呢?Flv文件也只是视频文件,它的播放同样是需要播放器的,而这个播
放器就是FlashPlayer。
第一种方法:
将本地Flv文件导入部署到Flash软件中,以库中元素的形式而存在,将该元素拖入场景,调整位置后,
发布为swf文件即可。
注意以上文件在本地测试没有问题,但上传到网络时,其他浏览者是无法查看的,因为当前的播放器调
用的是本地Flv文件。
所以,需要调整路径。首先需要将Flv文件上传到某个网络空间,并且获得其准确的路径地址。
其次,打开Flash软件,选择Flv组件,Alt+F7打开“组件检查器”,将“ContentPath”中的路径由本地
地址替换为网络绝对地址
再来将该Flash发布导出swf文件。这时候才可以任意使用该swf文件,如同插入其他一般Flash文件一样
。
当然,此时还会有个播放器控制按钮相关的一个swf文件,记得要附带着。
第二种方式:
在第二种方式介绍之前,你有没有发觉第一种方式有点麻烦?因为我们是需要将视频插入到网页的,现
在却需要先制作一个swf播放器文件,其中还有些曲折。然后再打开网页编辑器将swf文件插入。
正如我们在网页中插入Flash按钮一样,先要用Flash制作按钮,然后将该Flash插入到网页。但你有没有
注意到Dreamweaver提供了直接插入Flash按钮的功能,也就是说:你不必去制作Flash按钮,直接通过DW
中该途径就能很快完成自己的需要。
那么,同样,现在的Dreamweaver8支持了这一功能:插入Flash视频
你不需要去制作播放视频的swf文件,只需要提供一个Flv视频文件即可。这也就是我所要说的重点。
打开插入面板,选择常用类别,单击媒体按钮后的向下箭头,从下拉列表中选择“
弹出的对话框中,可使用网络上已经固定的Flv文件地址,还可以是选择浏览本地的Flv文件,但要注意
该Flv文件应是你所定义的DW当前该站点中的,以获得相对路径,便于之后所有文件一起上传后,一样能
寻找到该文件。
不出所料,设置完毕后,DW8自动生成了FLVPlayer_Progressive.swf播放器文件和Halo_Skin_3.swf控制
器皮肤文件。
那么,最后你上传网页时就是4个文件一起上传。
OK
很多,长得还很像,但是参数是变了的,既然这里面提到了使用SWF播放视频,那么我也说说吧
swf播放器,网上有很多都提供了,下面我说两种 自己上传swf播放器、调用播放器API
[HTML] 纯文本查看 复制代码
<video src="video/video.mp4" width="700" height="400" controls autoplay>//优先使用Video播放
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="[url=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7]http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7[/url],0,19,0" width="700" height="400">
<param name="movie" value="Flvplayer.swf" />//播放器地址
<param name="quality" value="high" />
<param name="allowFullScreen" value="true" />
<param name="FlashVars" value="vcastr_file=video/video.mp4&LogoText=test" />//IE浏览器
<embed src="Flvplayer.swf" allowfullscreen="true" flashvars="vcastr_file=video/video.mp4&LogoText=test" quality="high" pluginspage="[url=http://www.macromedia.com/go/getflashplayer"]http://www.macromedia.com/go/getflashplayer"[/url] type="application/x-shockwave-flash" width="700" height="400"></embed>//高级浏览器
</object>
</video>
Flvplayer.swf 参数详细说明:
vcastr_file 方法2传递影片flv文件地址参数,多个使用|分开 空
vcastr_title 影片标题参数,多个使用|分开,与方法2配合使用 空
vcastr_xml 方法3 传递影片flv文件地址参数,样板参考 vcastr.xml
IsAutoPlay 影片自动播放参数:0表示不自动播放,1表示自动播放 0
IsContinue 影片连续播放参数:0表示不连续播放,1表示连续循环播 1
IsRandom 影片随机播放参数:0表示不随机播放,1表示随机播放 0
DefaultVolume 默认音量参数 :0-100 的数值,设置影片开始默认音量大小 100
BarPosition 控制栏位置参数 :0表示在影片上浮动显示,1表示在影片下方显示 0
IsShowBar 控制栏显示参数 :0表示不显示;1表示一直显示;2表示鼠标悬停时显示;3表示开始不显示,鼠标悬停后显示 2
BarColor 播放控制栏颜色,颜色都以0x开始16进制数字表示 0x000033
BarTransparent 播放控制栏透明度 60
GlowColor 按键图标颜色,颜色都以0x开始16进制数字表示 0x66ff00
IconColor 鼠标悬停时光晕颜色,颜色都以0x开始16进制数字表示 0xFFFFFF
TextColor 播放器文字颜色,颜色都以0x开始16进制数字表示 0xFFFFFF
LogoText 可以添加自己网站名称等信息(英文) 空
LogoUrl 可以从外部读取logo图片,注意自己调整logo大小,支持图片格式和swf格式 空
EndSwf 影片播放结束后,从外部读取swf文件,可以添加相关影片信息,影片分享等信息,需自己制作 空
BeginSwf 影片开始播放之前,从外部读取swf文件,可以添加广告,或者网站信息,需自己制作 空
IsShowTime 是否显示时间 : 0表示不显示时间,1表示显示时间 1
BufferTime 影片缓冲时间,单位(秒) 2
这段代码调用了Flvplayer.swf 这个播放器,他可以播放FLV视频。可以看到调用也是非常简单的
我在网上找了段比较详细的、太长,还是隐藏好
使用方法:如果你仅需要播放一个FLV文件[例如“video.flv”],那么只要把“video.flv”和压缩包内的flvplayer.swf复制到同一个目录内,然后在页面内添加
程序代码
<object type="application/x-shockwave-flash" width="400" height="220"
wmode="transparent" data="flvplayer.swf">
<param name="movie" value="flvplayer.swf" />
<param name="wmode" value="transparent" />
<object/>
“flvplayer.swf”会自动找到同一目录内的“video.flv”播放。也可以在“flvplayer.swf”后添加FLV文件的URL来进行播放。方法如下:
程序代码
<object type="application/x-shockwave-flash" width="400" height="220"
wmode="transparent data="flvplayer.swf?file=movies/holIDA y.flv">
<param name="movie" value="flvplayer.swf?file=movies/holiday.flv" />
<param name="wmode" value="transparent" />
</object>
“file=movies/holiday.flv”就是参数,可以使用相对或者绝对地址。
其他参数说明:
如果载入影片时不需要自动播放,可以使用“autostart”参数
例子
程序代码
<object type="application/x-shockwave-flash" width="400" height="220"
wmode="transparent" data="flvplayer.swf?autostart=false">
<param name="movie" value="flvplayer.swf?autostart=false" />
<param name="wmode" value="transparent" />
</object>
多个参数可以混合使用,有效的参数列表:
程序代码
file (FLV文件的地址)
autostart (是否允许自动播放,"true"或者"false")
image (未播放时的预览图片,只支持JPEG格式)
repeat (是否重复播放)
clicktext (开始时显示的文字,默认是"click to play")
下面是3.12版本http://www.cgfans.net/bbs/Medias/2007/10/jw_flv_player.zip 这个是3.12版本
这篇文档包含了JW MP3 Player,JW FLVPlayer,JW Media Player,JW Image Rotator的安装方法和配置方
法
JW PLAYERS 3.12 文档
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;
颜色变量
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)
注意:你必须对?=&进行字符转移。? → %3F, = → %3D, & → %26. 你的"file" 变量为getplaylist.php?id=123的时候必须设置为 getplaylist.php%3Fid%3D123.
播放列表
当播放列表中只有一个项目的时候,播放器会用单文件播放模式进行播放。播放器根据文件名来区分单文件和播放列表文件。如你的加载文件名为test.mp3的文件,播放器会用单文件播放模式去播放mp3,因为扩展名是mp3.如果你的文件名是getlist.php,播放器会认为这是个播放列表。如果你使用了动态脚本来加载一个单文件如
播放器支持三种常用的播放列表格式来确保通用性。XSPF,RSS和ATOM。
播放器所支持的XSPF/RSS/ATOM列表的通用标签。
表格
*Image Rotator仅支持播放列表中的第一个'audio'项,被用来做为背景音乐来播放。播放器会播放所有的音乐项目。
** "category" 元素可以用来支持广告。你可以设置该值为"preroll", "postroll" 或 "overlay".
使用"link"播放列表中单项的值为广告地址。
*** "start"元素只被XSPF的播放列表格式支持。该元素用来设置流媒体文件(HTTP or RTMP)的开始位置,单位为秒。
**** XSPF列表格式中的"location"元素中如果不包含常见的扩展名(如 "mp3" or "flv"),可以使用"meta"元素指定文件格式。(如 <meta rel='"type">mp3</meta> ).在使用RSS和ATOM的情况下,文件格式被自动的根据mimetype来识别。
RTMP streams, the additional "id" flashvar has to be sent as well. Example: "file=rtmp://my.streaming.server/mypath" and "id=video_one".
注意,当你播放单文件的时候,你支持所有的参数,如你可以添加一个image,title,id,link等。如当你用单文件播放模式播放"video.flv"时你也想添加一个预览图,你可以设置参数"file=video.flv","image=preview.jpg".当你播放RTMP流媒体的时候,你可以添加参数"id".如"file=rtmp://my.streaming.server/mypath" ,"id=video_one".
特别指出两个容易出错的地方。第一列表必须和播放器在同一个服务器上,这是flash的安全机制导致的。第二,要使用完整的地址格式包含http,以免播放器找不到文件。
自定义
有人多人要求我创建一些可自定义的版本。他们的很多要求其实已经可以通过设置参数来实现了。我做了一个在线配置向导可以简单的配置这些参数。我没有精力去满足所有人的要求。不过在下一个版本中会有很多有趣的附加功能。
如果你熟悉actionscript脚本语言,你可以自己修改程序添加功能。
播放器在实例的时候会最近会加完配置和播放列表变量,然后进入MCV的生命周期。在MCV生命周期中,配置和列表管理器(feeder)始终是有效的。
红色标注的两个对象的所有方法可以通过javascript调用。
在另外的flash程序中是可以引用播放器的。只要从下载的flv文件中复制出图像到你的flv中,并且确保将下载的com目录复制到你的flv文件中,里面包含了所有的脚本。然后你就可以在时间轴的第一个帧的位置访问变量了。注意要设置高度和宽度的变量,否则播放器会根据你的尺寸拉伸变形。
如
程序代码
// Set the flashvars (booleans and numbers should also be quoted)
var width = "320";
var height = "240";
var file = "my_video.flv";
var autostart = "true";
// Start the player
var mpl = new com.jeroenwijering.players.MediaPlayer(this.player);
Additionally, I have made the controller a public object, so you can control the mediaplayer with the sendEvent() function from anywhere in your flash site (the schematic above has a list of all sendEvent() options). Let's continue the small script above:
我为播放器创建了公开的controller对象,所以你可以在你程序的任何地方通过使用sendEvent()来控制播放器,如:
程序代码mpl.controller.sendEvent("volume",50);
mpl.controller.sendEvent("playpause");
支持
常见问题列表
1.如果你在使用ie的情况下出现了布局错乱的情况,那可能是大小没有别设定好,你可以使用变量"width"和"height"来强行设置。
2.注意,flash和javascript的安全机制会影响你的本地测试。当你的文件放在不同的服务器上的时候也会受到影响,你可以尝试放在同一个服务器上。
3.全屏功能只有在flash player9.028.0以上版本才能使用,如果你使用了swfobject来嵌入你的播放器,你可以使用他的自动升级功能。注意设置 "allowfullscreen" 为true
4.如果你的进度条不动,或者你的视频的长度有问题。那可能是你的flv没有设置正确的metadata。你可以使用一个小工具www.buraks.com/flvmdi/.
两个版本使用起来稍有不同,具体请见里面说明
官方下载链接:http://www.jeroenwijering.com/
这里有必要提一下CKPlayer
大家去它官网看就好了,也是个SWF格式的播放器(应该是).
使用起来比较简单支持的东西也多
http://www.fufuok.com/demo/ckplayer/
总感觉有东西忘了说,算了想起来接着更新吧
如此一来,我们就进入最后一步了、(前面要说啥一觉醒来就忘了)
我要用腾讯云了
腾讯云有个7天云点播使用,我觉得还不错就发出来了
这是官方介绍
视频云点播服务接入文档
1.概述
本文档在于帮助使用点播服务的开发商快速接入腾讯提供的点播服务。您只需要进行简单的设置,即可使用与腾讯视频相同的点播能力,享受腾讯公司级的运营质量体系。
关于API的使用方法,请仔细阅读下面的说明。
2.新手指引
2.1注册腾讯云帐号
访问腾讯云官方网站http://www.qcloud.com/ 注册帐号。
1.png
2.2开通云账号
2.png
3.png
2.3开通视频点播权限
4月1号 之后,点播服务 正式上线,届时可以直接访问以下页面
请访问 http://manage.qcloud.com/video/vod.php?vodmod=videolist
登录点播服务控制台。
您可以在控制台进行:
上传、视频管理、转码、分发、查看统计数据等各项操作
4.png
2.4 获取播放地址URL
可以通过管理控制台
1)使用播放器代码,或者
2)获取播放地址URL方式,也可使用通过
3)API获取播放地址URL访问视频。如果希望进行权限控制,现阶段可以使用密码密码功能。该功能对播放器代码播方式提供视频观看密码校验。5月初我们会上线黑白名单和防盗链功能。现阶段链接是一直可用。未来可采用防盗链功能实时生成访问链接供授权用户访问。
3.视频点播服务API
播放接口API:http://wiki.qcloud.com/wiki/v2/DescribeVodPlayUrls
创建视频标签:http://wiki.qcloud.com/wiki/v2/CreateVodTags
删除视频标签:http://wiki.qcloud.com/wiki/v2/DeleteVodTags
获取视频信息:http://wiki.qcloud.com/wiki/v2/DescribeVodInfo
修改视频分类:http://wiki.qcloud.com/wiki/v2/ModifyVodClass
修改视频信息:http://wiki.qcloud.com/wiki/v2/ModifyVodInfo
修改视频播放状态:http://wiki.qcloud.com/wiki/v2/SetVodPlayStatus
上传API:http://wiki.qcloud.com/wiki/v2/MultipartUploadVodFile
我就不介绍了,毕竟只是个试用
然后就是神奇的第一步我找到了个直链
腾讯云存储
我不是打广告的
脑细胞死没了
待会更新
免费评分
查看全部评分