JSP页面内嵌播放器的实现方法



JSP页面内嵌播放器的实现方法。

最近刚做完一个在线视频点播,开始时试图使用Html页面下传统的<embed>来实现,但最总发现在JSP页面下视频无法播放,于是上网搜了一些帖子,一边研读一边尝试,由于这其中大部分是转帖,代码没经过验证,所以只有少数的代码可以运行,现总结如下。

1、传统的html格式下的实现方法
简易型:
<EMBED src=”视频路径” style=”HEIGHT: 45px; WIDTH: 190px” type=audio/mpeg 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=”路径”>
</embed>

多功能型 不仅可以放曲子,还能放Flash和其它视频文件。
<object align=middle classid=”CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95″
id=MediaPlayer width=196 height=196>
<param name=ShowStatusBar value=0>
<param name=Filename value=”http://202.116.*.*/video/story/chinese/hynh/b.wmv”>
<embed type=application/x-oleobject
codebase=”http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,7
01″ >
</embed>
</object>

2、jsp页面下视频播放的实现
JSP页面下一定要注意路径的问题,可通过下载进行调试。
(1)实现代码1
<object id=”WMPlay” width=”640″ height=”480″ classid=”CLSID:22d6f312-b0f6-11d0-94ab-
0080c74c7e95″
codebase=”http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,71
5″
align=”baseline” border=”0″ standby=”Loading Microsoft Windows Media Player components…”
type=”application/x-oleobject”>
<param name=”invokeURLs” value=”0″>
<param name=”FileName” value=”视频路径”>
<param name=”ShowControls” value=”1″>
<param name=”ShowPositionControls” value=”0″>
<param name=”ShowAudioControls” value=”1″>
<param name=”ShowTracker” value=”1″>
<param name=”ShowDisplay” value=”0″>
<param name=”ShowStatusBar” value=”1″>
<param name=”AutoSize” value=”1″>
<param name=”ShowGotoBar” value=”0″>
<param name=”ShowCaptioning” value=”0″>
<param name=”AutoStart” value=”1″>
<param name=”PlayCount” value=”0″>
<param name=”AnimationAtStart” value=”0″>
<param name=”TransparentAtStart” value=”0″>
<param name=”AllowScan” value=”1″>
<param name=”EnableContextMenu” value=”0″>
<param name=”ClickToPlay” value=”0″>
<param name=”DefaultFrame” value=”datawindow”>
</object>

(2)实现代码2
<object id=”player” height=”240 width=”320″ classid=”CLSID:6BF52A52-394A-11d3-B153-
00C04F79FAA6″>
<param NAME=”AutoStart” VALUE=”-1″>
<!–是否自动播放–>
<param NAME=”Balance” VALUE=”0″>
<!–调整左右声道平衡,同上面旧播放器代码–>
<param name=”enabled” value=”-1″>
<!–播放器是否可人为控制–>
<param NAME=”EnableContextMenu” VALUE=”-1″>
<!–是否启用上下文菜单–>
<param NAME=”url” value=”视频路径”>
<!–播放的文件地址–>
<param NAME=”PlayCount” VALUE=”1″>
<!–播放次数控制,为整数–>
<param name=”rate” value=”1″>
<!–播放速率控制,1为正常,允许小数,1.0-2.0–>
<param name=”currentPosition” value=”0″>
<!–控件设置:当前位置–>
<param name=”currentMarker” value=”0″>
<!–控件设置:当前标记–>
<param name=”defaultFrame” value=”">
<!–显示默认框架–>
<param name=”invokeURLs” value=”0″>
<!–脚本命令设置:是否调用URL–>
<param name=”baseURL” value=”">
<!–脚本命令设置:被调用的URL–>
<param name=”stretchToFit” value=”0″>
<!–是否按比例伸展–>
<param name=”volume” value=”50″>
<!–默认声音大小0%-100%,50则为50%–>
<param name=”mute” value=”0″>
<!–是否静音–>
<param name=”uiMode” value=”Full”>
<!–播放器显示模式:Full显示全部;mini最简化;None不显示播放控制,只显示视频窗口;invisible全部不显示
–>
<param name=”windowlessVideo” value=”0″>
<!–如果是0可以允许全屏,否则只能在窗口中查看–>
<param name=”fullScreen” value=”0″>
<!–开始播放是否自动全屏–>
<param name=”enableErrorDialogs” value=”-1″>
<!–是否启用错误提示报告–>
<param name=”SAMIStyle” value>
<!–SAMI样式–>
<param name=”SAMILang” value>
<!–SAMI语言–>
<param name=”SAMIFilename” value>
<!–字幕ID–>
</object>
注:本段代码只支持WMP9及以上版本

(3)实现代码3
核心代码同实现代码1,不过以下代码需要从本地选择要播放的文件
<script language=”javascript”>
function play(){
var frm = document.forms[0];
var path=frm.ff.value;
frm.WMPlay.FileName=path;
}
</script>
<form name=”myform”>
<object id=”WMPlay” width=”350″ height=”300″ classid=”CLSID:22d6f312-b0f6-11d0-94ab-
0080c74c7e95″
codebase=”http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,71
5″
align=”baseline” border=”0″ standby=”Loading Microsoft Windows Media Player components…”
type=”application/x-oleobject”>
<param name=”invokeURLs” value=”0″>
<param name=”FileName” value=”">
<param name=”ShowControls” value=”1″>
<param name=”ShowPositionControls” value=”0″>
<param name=”ShowAudioControls” value=”1″>
<param name=”ShowTracker” value=”1″>
<param name=”ShowDisplay” value=”0″>
<param name=”ShowStatusBar” value=”1″>
<param name=”AutoSize” value=”1″>
<param name=”ShowGotoBar” value=”0″>
<param name=”ShowCaptioning” value=”0″>
<param name=”AutoStart” value=”1″>
<param name=”PlayCount” value=”0″>
<param name=”AnimationAtStart” value=”0″>
<param name=”TransparentAtStart” value=”0″>
<param name=”AllowScan” value=”1″>
<param name=”EnableContextMenu” value=”0″>
<param name=”ClickToPlay” value=”0″>
<param name=”DefaultFrame” value=”datawindow”>
</object>
<input name=”ff” type=”file” onchange=”play()”>
</form>

http://blog.sina.com.cn/s/blog_6dbf810d0100rnhd.html