网页中插入视频播放代码全集

2006-05-29 14:05:09

1.avi格式 代码片断如下: [code]<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>[/code] 2.mpg格式 代码片断如下: [code]<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>[/code] 3.smi格式 代码片断如下: [code]<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>[/code] 4.rm格式 代码片断如下: [code]<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>[/code] 5.wmv格式 代码片断如下: [code] <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>[/code] 6.wma格式 放在 <body> 里面。下面是部分解释: [code]<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>[/code] 7.Windows Media Player 系列(不同面板样式) 综合型: [code]<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>[/code] 简易型:[code]<EMBED src=http://www.*.com/mediadate/lxlhbcn.asf style="HEIGHT: 45px; WIDTH: 190px" type=audio/mpeg AUTOSTART="1" loop="0"> </EMBED>[/code] 标签型: [code]<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>[/code] 引用内容 媒体播放器的外观界面 在网页中,你可以通过相关属性来控制媒体播放器的哪些部分出现,哪些部分不出现。 媒体播放器包括如下元素: 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型命令的同名真实事件。 [b]捕捉键盘和鼠标事件[/b] 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,必须带有冒号,如下所示: [code]<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>[/code] 之后你可以用 Play 方法播放 CD 了。 你可以在 windows 媒体元文件中指定播放顺序以及每个音轨的信息。示例如下 [code]<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> [/code]