在web页中采用Media Player,通常除了看电影以外 还有教学研究意义。
我们可以通过对一个个视频片段的反复研读和分析对该视频片段想表达的知识进行学习和研究。
在线视频我们对视频各个片段进行分析,按照一定的分析模型对每个片段进行分析,我们称这个片段为切片,划分片段的过程就是切片的过程,这样的做法一般仅仅是逻辑意义上的切片(如果是物理的则会产生很多垃圾文件)。
对于在线视频通常有字幕文件来表示一般是通过smil文件。
1.RealNetworks 的 RealOne 平台提供了对 SMIL 2.0 的充分支持
2.Oratrix 的 GRiNS for SMIL-2.0 提供了一款 SMIL 2.0 播放器
3.InterObject 的 SMIL 播放器支持 SMIL 2.0 的基础框架
在进行切片的同时也把字幕文件的内容进行组合那么就可以我们根据模型划分片段,重新知识点的内容。在根据切片播放的时候有效的组织好字幕一起播放。
一般来说在页面上控制mediaplay都是通过js来实现也比较简单:
//播放视频
function playwmv(url) {
var v = document.getElementById("WMPObject"); //视频控件
v.URL = url;
v.controls.currentposition = 0;
v.controls.play();
}
var v = document.getElementById("WMPObject"); //视频控件
v.URL = url;
v.controls.currentposition = 0;
v.controls.play();
}
代码
//停止播放
function OnStop() {
var v = document.getElementById("WMPObject");
//由于取到的currentposition都是非整数所以只能定个范围,目前定位0.3
if ((v.controls.currentposition > stopPos && v.controls.currentposition < stopPos + 0.3) || (v.controls.currentposition < stopPos && v.controls.currentposition > stopPos - 0.3)) {
v.controls.pause();
if (istopflag == 0) {
alert("切片结束,停止播放");
}
istopflag = 1
return;
}
window.setTimeout("OnStop()", 500);
}
//从某个时间点开始播放
function OnNavi(pos, Spos, url) {
var v = document.getElementById("WMPObject");
v.URL = url;
v.controls.pause();
v.controls.currentposition = pos;
v.controls.play();
window.setTimeout("OnStop()", 500);
}
function OnStop() {
var v = document.getElementById("WMPObject");
//由于取到的currentposition都是非整数所以只能定个范围,目前定位0.3
if ((v.controls.currentposition > stopPos && v.controls.currentposition < stopPos + 0.3) || (v.controls.currentposition < stopPos && v.controls.currentposition > stopPos - 0.3)) {
v.controls.pause();
if (istopflag == 0) {
alert("切片结束,停止播放");
}
istopflag = 1
return;
}
window.setTimeout("OnStop()", 500);
}
//从某个时间点开始播放
function OnNavi(pos, Spos, url) {
var v = document.getElementById("WMPObject");
v.URL = url;
v.controls.pause();
v.controls.currentposition = pos;
v.controls.play();
window.setTimeout("OnStop()", 500);
}
而在视频控件的html中需要设置字幕的路径
<param name="SAMIFileName" value="具体路径"/>
大致以上的内容是针对视频切片的,当然这是基于微软的media service 包括smil字幕
而目前用的比较多的flash的方式没做过深入研究。