一、从视频中获得图像
从视频中获得,主要是让视频跳到所需要的帧,然后暂停播放。下面请看在wmp与rm中的代码示例:
Window Media Player:
1、首先在BODY中添加wmp的控件:
<object id="WMVplayer" height="300" width="260" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
<param NAME="AutoStart" VALUE="-1">
<!--是否自动播放-->
<param NAME="url" value="video。mpg">
<!--播放的文件地址-->
</object>
2、其次在HEAD中添加js代码:
<script>
var obj,obj1;
function stopWMVplayer()
{
if(document。getElementById("WMVplayer")。Controls。currentPosition>=1。1)//如果当前位置超过1。1,则停止播放,并且清除stopWMVplayer函数的执行;否则继续运行stopWMVplayer函数。
{
document。getElementById(“WMVplayer”)。Controls。Pause();
window。clearTimeout(obj);
}
else
{
obj=window。setTimeout("stopWMVplayer()",10);
}
}
3、再次为body添加onload事件:
<body onload=” document。getElementById("WMVplayer")。Controls。currentPosition=1;stopWMVplayer();”>
RealOne:
1、首先在BODY中添加rm的控件:
<object classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" name="RMplayer" width="300" height="240 id="RMplayer">
<param name="AUTOSTART" value="-1">
<!--是否自动播放-->
<param name="SRC" value="flower。rm">
<!--播放的文件地址-->
<param name="CONTROLS" value="Imagewindow,ControlPanel,StatusBar">
<!--指定哪些控制可见-->
</object>
2、其次在HEAD中添加js代码:
function stopRMplayer()
{
if(document。getElementById("RMplayer"。getPosition()>=1100)// 如果当前位置超过1100,则停止播放,并且清除stopRMplayer函数的执行;否则继续运行
{
document。getElementById("RMplayer")。doPause();
window。clearTimeout(obj1);
}
else
{
obj1=window。setTimeout("stopRMplayer()",10);
}
}
3、再次为body添加onload事件:
<body onload="document。getElementById('RMplayer')。setPosition(2500);stopRMplayer(); ">
二、从外部获取图像
前面主要是从视频中获得某个图像,那么我们如果需要从外部获得一张图片然后显示到窗口中,又是怎么完成呢?
Window Media Plyaer:
1、首先在BODY中添加wmp的控件:
<object id="WMVplayer" height="300" width="260" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
<param NAME="AutoStart" VALUE="-1">
<!--是否自动播放-->
<param NAME="PlayCount" VALUE="999">
<!—控制播放次数-->
<param NAME="url" value="movie-pic。gif">
<!--播放的文件地址-->
</object>
2、其次在HEAD中添加js代码:
<script>
Var obj;
function WMVplayer()
{
if((document。getElementById("WMVplayer")。PlayState=="1"||document。getElementById("WMVplayer")。PlayState=="2")&&document。getElementById("WMVplayer")。url。indexOf("movie-pic。gif")>0)//当视频文件为图像文件时,并且播放状态为暂停或停止则开始播放视频文件
{
document。getElementById("WMVplayer")。url="video。mpg";
window。clearTimeout(obj);
}
obj=window。setTimeout("WMVplayer()",10);
}
</script>
3、再次为body添加onload事件:
<body onload="WMVplayer();">
RealOne:
1、首先在BODY中添加rm的控件:
<object classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" name="RMplayer" width="300" height="240 d="player">
<param name="AUTOSTART" value="-1">
<!--是否自动播放-->
<param name="SRC" value="movie-pic。gif">
<!--播放文件地址-->
<param name="CONTROLS" value="Imagewindow,ControlPanel,StatusBar">
<!--指定哪些控制可见-->
<param name="LOOP" value="true">
<!--是否循环播放-->
</object>
2、其次在HEAD中添加js代码:
<script>
var obj;
function RMplayer()
{
if((document。getElementById("RMplayer")。GetPlayState()=="4"||document。getElementById("RMplayer")。GetPlayState()=="0")&&document。getElementById("RMplayer")。GetSource()。indexOf("movie-pic。gif")>0) //当视频文件为图像文件时,并且播放状态为暂停或停止则开始播放视频文件
{
document。getElementById("RMplayer")。SetSource("flower。rm");
window。clearTimeout(obj);
}
obj=window。setTimeout("RMplayer()",10);
}
</script>
3、再次为body添加onload事件:
<body onload="RMplayer();">
其实Window Media Player与RealOne中功能的实现原理基本是一致的,只是一些实现方法的语句不同而已,希望大家在使用时有所注意,关于两个播放器的其它语句的具体说明这里就不再多费口舌了,大家可以通过网络进行搜索。
Dreamweaver技巧
更新日志
- DanielLozakovich-Tchaikovsky_NonebuttheLonelyHeart(2019)【Hi-Res】24bit-96kHz【flac】
- 《COD》新作会首发加入XGP吗?Xbox总裁回应
- 《消逝的光芒》玩家数量飙升330%!游戏打折立大功
- 美女COS《鬼泣5》妮可:魅惑吐舌 狂气爆棚
- SupperMoment2010-旅程【东亚唱片】【FLAC分轨】
- 群星.1997-华星廿五周年精选系列·四大女后18首【华星】【WAV+CUE】
- 许佳琪.2024-4.Letters.Long(坠)【丝芭文化】【FLAC分轨】
- 前《地狱潜者2》首席编剧:最初它并不是实时服务游戏
- 《生化危机》官推庆祝母亲节:视频中母爱扑面而来
- 网友扒出《黑神话》本地化翻译人员 已支持12种语言
- 任家萱.2011-重作一个梦(EP)【华研】【WAV+CUE】
- 赵一豪.1996-直接爱恨【友善的狗】【WAV+CUE】
- 群星.2006-失而复得2辑【新艺宝】【WAV+CUE】
- 《张震岳6CD合集》1993-2000全套[WAV+CUE][3.1G]
- 周华健《粤语精选+国语精选》日本母带 [WAV+CUE][1.2G]