本文解析并展示了从项目中提取的播放器代码，详细介绍了如何应用Object类，特别是使用IE内嵌的class来实现录音播放功能。代码通过HTML、CSS、JavaScript以及jQuery等技术实现，包括对象样式设置、参数配置以及播放器的交互操作。
从项目中考出来学习的一段播放器代码。
--t2.jpg
应用了Object，据说以classid引用的是IE内嵌的class。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<%@include file="../../include.jsp"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<link rel="stylesheet" href="../../css/cfscs.css" type="text/css">
<script language="javascript" src="../script/function.js"></script>
<script type="text/javascript" src="../../script/jquery-1.7.1.min.js"></script>
<script>
//播放录音
jQuery(function(){
var date = new Date().getTime();
var url= document.lccRecordForm.recordUrl.value+'&recordCode='+document.lccRecordForm.recordCode.value+'&date='+date;
document.lccRecordForm.MediaPlayer1.style.display = "block";
document.lccRecordForm.MediaPlayer1.fileName = url;
document.lccRecordForm. MediaPlayer1.play();
});
</script>
</head>
<body>
<form name="lccRecordForm" id="lccRecordForm" method="">
<input type="hidden" name="recordUrl" id="recordUrl" value='<c:out value="${param.recordUrl}"/>'>
<input type="hidden" name="recordCode" id="recordCode" value='<c:out value="${param.recordCode}"/>'>
<div id="myDiv" style="position:absolute;bottom:50px;width=500">
<object style="display: none;"
classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="MediaPlayer1" name="MediaPlayer1"
width="386" height="180"
STANDBY="Loading Windows Media Player components..."
TYPE="application/x-oleobject">
<param name="AudioStream" value="-1">
<param name="AutoSize" value="-1">
<!--是否自动调整播放大小-->
<param name="AutoStart" value="1">
<!--是否自动播放-->
<param name="AnimationAtStart" value="-1">
<param name="AllowScan" value="-1">
<param name="AllowChangeDisplaySize" value="-1">
<param name="AutoRewind" value="0">
<param name="Balance" value="0">
<!--左右声道平衡,最左-9640,最右9640-->
<param name="BaseURL" value>
<param name="BufferingTime" value="15">
<!--缓冲时间-->
<param name="CaptioningID" value>
<param name="ClickToPlay" value="-1">
<param name="CursorType" value="0">
<param name="CurrentPosition" value="0">
<!--当前播放进度 -1 表示不变,0表示开头 单位是秒,比如10表示从第10秒处开始播放,值必须是-1.0或大于等于0-->
<param name="CurrentMarker" value="0">
<param name="DefaultFrame" value>
<param name="DisplayBackColor" value="0">
<param name="DisplayForeColor" value="16777215">
<param name="DisplayMode" value="0">
<param name="DisplaySize" value="0">
<!--视频1-50%, 0-100%, 2-200%,3-全屏 其它的值作0处理,小数则采用四舍五入然后按前的处理-->
<param name="Enabled" value="-1">
<param name="EnableContextMenu" value="1">
<!-- 是否用右键弹出菜单控制 -->
<param name="EnablePositionControls" value="-1">
<param name="EnableFullScreenControls" value="-1">
<param name="EnableTracker" value="-1">
<!--是否允许拉动播放进度条到任意地方播放-->
<param name="Filename" value="" valuetype="ref">
<param name="InvokeURLs" value="-1">
<param name="Language" value="-1">
<param name="Mute" value="0">
<!--是否静音-->
<param name="PlayCount" value="1">
<!--重复播放次数,0为始终重复-->
<param name="PreviewMode" value="-1">
<param name="Rate" value="1">
<!--播放速度1.0-2.0倍的速度播放-->
<param name="SAMILang" value>
<param name="SAMIStyle" value>
<param name="SAMIFileName" value>
<!--选择同时播放(伴音)的歌曲-->
<param name="SelectionStart" value="-1">
<param name="SelectionEnd" value="-1">
<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="0">
<!--显示节目信息,比如版权等-->
<param name="ShowGotoBar" value="0">
<!--一条框,在下面,有往下箭头-->
<param name="ShowPositionControls" value="-1">
<!--是否显示往前往后及列表,如果显示一般也都是灰色不可控制-->
<param name="ShowStatusBar" value="-1">
<!--当前播放信息,显示是否正在播放,及总播放时间和当前播放到的时间-->
<param name="ShowTracker" value="-1">
<!--是否显示当前播放跟踪条,即当前的播放进度条-->
<param name="TransparentAtStart" value="-1">
<param name="VideoBorderWidth" value="0">
<!--显示部的宽部,如果小于视频宽,则最小为视频宽,或者加大到指定值,并自动加大高度.此改变只改变四周的黑框大小,不改变视频大小-->
<param name="VideoBorderColor" value="0">
<!--显示黑色框的颜色, 为RGB值,比如ffff00为黄色-->
<param name="VideoBorder3D" value="0">
<param name="Volume" value="0">
<!--音量大小,负值表示是当前音量的减值,值自动会取绝对值,最大为0,最小为-9640,最大0-->
<param name="WindowlessVideo" value="0">
<embed src="-1" width="286" height="125" audiostream="-1"
animationatstart="-1" allowscan="-1" allowchangedisplaysize="-1"
balance="0" baseurl="value" bufferingtime="15" captioningid="value"
clicktoplay="-1" cursortype="0" currentposition="0" currentmarker="0"
defaultframe="value" displaybackcolor="0" displayforecolor="16777215"
displaymode="0" displaysize="0" enabled="-1" enablecontextmenu="-1"
enablepositioncontrols="-1" enablefullscreencontrols="-1"
enabletracker="-1" filename="" invokeurls="-1" language="-1" mute="0"
playcount="10" previewmode="-1" rate="1" samilang="value"
samistyle="value" samifilename="value" selectionstart="-1"
selectionend="-1" sendopenstatechangeevents="-1"
sendwarningevents="-1" senderrorevents="-1" sendkeyboardevents="0"
sendmouseclickevents="0" sendmousemoveevents="0"
sendplaystatechangeevents="-1" showcaptioning="0" showcontrols="-1"
showaudiocontrols="-1" showdisplay="0" showgotobar="0"
showpositioncontrols="-1" showstatusbar="-1" showtracker="-1"
transparentatstart="-1" videoborderwidth="0" videobordercolor="0"
videoborder3d="0" volume="0" windowlessvideo="0"></embed>
<!--如果是0可以允许全屏,否则只能在窗口中查看-->
</object>
</div>
</form>
</body>
</html>
扫一扫
2990
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
