embed标签的使用(在网页中播放各种音频视频的插件的使用)
播放器插件使用说明:
代码:< EMBED src=“music.mid”autostart=“true”loop=“2”width=“80”height=“30”>
src:音乐文件的路径及文件名;(完整的路径或URL)
ShowTracker:为是否显示播放进度条
ShowPositionControls:为是否显示播放控制按钮如快进等
ShowAudioControls: 为控制是否显示音量按钮
ShowStatusBar: 是否显示咨询窗
ShowDisplay: 为显示更完整的咨询视窗
EnableContextMenu: 防止使用右键
autostart:true为音乐文件上传完后自动开始播放,默认为false(否)
loop:true为无限次重播,false为不重播,某一具体值(整数)为重播多少次
volume:取值范围为“0-100”,设置音量,默认为系统本身的音量
starttime:“分:秒”,设置歌曲开始播放的时间,如,starttime=“00:10”,从第10开始播放
endtime: “分:秒”,设置歌曲结束播放的时间
width:控制面板的宽
height:控制面板的高
controls:控制面板的外观
controls=“console/smallconsole/playbutton/pausebutton/stopbutton/volumelever”
·console:正常大小的面板
·smallconsole:较小的面板
·playbutton:显示播放按钮
·pausebutton:显示暂停按钮
·stopbutton:显示停止按钮
·volumelever:显示音量调节按钮
hidden:为true时可以隐藏面板
embed标签src后的文件也可以是.swf文件,用来播FLASH
下面是例子:自动播放的并且隐藏控制按钮,禁止右键菜单的.
下面的是上面例子中使用的代码:
<embed src="yin/01.mp3" _fcksavedurl=""yin/01.mp3""
_fcksavedurl=""yin/01.mp3"" type="application/x-mplayer3" loop="true"
ShowStatusBar="true" ShowPositionControls="false"
EnableContextMenu="false"></embed>
1.avi格式
代码片断如下:
<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>
2.mpg格式
代码片断如下:
<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>
3.smi格式
代码片断如下:
<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>
4.rm格式
代码片断如下:
<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>
5.wmv格式
代码片断如下:
<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>
6.wma格式
放在 <body> 里面。下面是部分解释:
<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>
7.Windows Media Player 系列(不同面板样式)
综合型:
<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=center>
<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>
简易型:
<EMBED
src=http://www.*.com/mediadate/lxlhbcn.asf style="HEIGHT: 45px; WIDTH:
190px" type=audio/mpeg AUTOSTART="1" 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="http://www.*.com/mediadate/lxlhbcn.asf">
</embed>
引用内容
媒体播放器的外观界面
在网页中,你可以通过相关属性来控制媒体播放器的哪些部分出现,哪些部分不出现。
媒体播放器包括如下元素:
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型命令的同名真实事件。
捕捉键盘和鼠标事件
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,必须带有冒号,如下所示:
<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>
之后你可以用 Play 方法播放 CD 了。
你可以在 windows 媒体元文件中指定播放顺序以及每个音轨的信息。示例如下:
<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>
第1回
1.1 Intorduces
embeded RealPlayer使realPlayer嵌入在ie或netscape中来播放rm流,通过netscape plug-in 或ActiveX你能访问插件的属性方法,控制
影片的播放,与用户进行交互,他们通常通过java,javascript,vbscript,c++,...等来访问
1.2 embeded presentations
嵌入样式包括视频窗口,音量控制,以及一些控制按钮等。
1.2.1 Using <EMBED> Tags for the Netscape Plug-in
在Netscape中使用<EMBED>有三个必需的参数(SRC,WIDTH,HEIGHT),还有其他的一些参数,但是可选的。
例如:<EMBED SRC="MY_LIFE.RPM" WIDTH=300 HEIGHT=134 >
Tip:SRC是可以省略的,当mime Type 参数如下时:
<EMBED ...,TYPE="audio/x-pn-realaudio-plugin",...>,这样做会产生不可预料的结果,因此强烈推荐你包含SRC属性,
并且提供一个空的文件的文件名。
1.2.2 Using <OBJECT> Tags for the ActiveX Control
在IE中使用RealPlayer的Activex控件必需包含下列的classID:
CLASSID="clsid:CFCDAA03-8BE4-11cf-B848-0020AFBBCCFA"
并且指定播放区域的宽度和高度。如果你想对该Activex控件进行编程请指定ID属性,例如ID=RM1.
例子:<OBJECT ID=RM1 CLASSID="clsid:CFCDAA03-8BE4-11cf-B848-0020AFBBCCFA" WIDTH=300 HEIGHT=134>
...parameters...
</OBJECT>
1.3.1Using RealPayer Methods through JavaScript
<EMBED NAME=javademo SRC="走遍美国.rm"
WIDTH=220 HEIGHT=180 CONSOLE=ONE CONTROLS=ImageWindow
BACKGROUNDCOLOR=white
CENTER=TRUE>
你可以通过一下代码来控制它:
<input type=button value=play onclick="document.javademo.DoPlay()">
<input type=button value=pause onclick="document.javademo.DoPause()">
<input type=button value=stop onclick="document.javademo.DoStop()">
1.3.2 Using RealPlayer Methods through VBScript
<OBJECT ID=JAVADEMO
CLASSID="clsid:CFCDAA03-8BE4-11cf-B848-0020AFBBCCFA" WIDTH=220
HEIGHT=180>
<PARAM NAME="SRC" VALUE="走遍美国.rm" >
<PARAM NAME="CONSOLE" VALUE="ONE"
<PARAM NAME="CONTROLS" VALUE="ImageWindow">
<PARAM NAME="BACKGROUNDCOLOR" VALUE="white">
<PARAM NAME="CENTER" VALUE="true">
</OBJECT>
你可以如下控制它:
<FORM>
<input type="button" value="play" name="doplay">
<script> language="VBScript" for="doplay" event="onClick">
javademo.DoPlay
</script>
........
</FORM>
第二回 Using Method and parameters(介绍简单的)
DoStop() 停止
DoPlay()播放
doPause()暂停
setSource()设置文件来源
console 用于指定控制是用于哪个embeded presentation
controls 用于指定embeded presentation的控制,如image window ,playbutton,.....
backgroundcolor 用于指定imagewindow的背景
width
height
autostart 自动播放
第三回 同时播放多个文件(所有文件请放于web server上)
3.1编辑.rpm文件
1.rpm的内容:
http://127.0.0.1/1-1.rm
http://127.0.0.1/1-2.rm
3.2完整源文件
<HTML>
<body >
<EMBED SRC="http://127.0.0.1/1.rpm" WIDTH=240 HEIGHT=180 NOJAVA=true CONTROLS=ImageWindow CONSOLE=one><br>
<OBJECT ID=RAOCX CLASSID="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" HEIGHT="100" WIDTH="240">
<PARAM NAME="AUTOSTART" Value="true">
<PARAM NAME="CONTROLS" VALUE=ConrolPane>
<param name="console" value="one">
<PARAM NAME="SRC" VALUE="http://127.0.0.1/1.rpm">
</OBJECT>
</body>
</html>
下面是real的播放器用法总结,是转贴:
|
EMBED 語法
作者:佚名 转贴自:NET/DXZM 点击数:232
EMBED 語法
是個很簡便的語法,可以用來播放影音檔,通常它是用來播放Windows Media
Player支援的格式,但也可用來播放一些其他格式,只是要注意更多細節,本文最後再略微提一下這些其他格式,主要還是針對播放Media
Player支援的格式來討論。(如WMA、WMV、ASF、MPG、AVI)
〈embed src=檔案位址〉
上面這便是embed最簡單、最簡潔的寫法,只要這樣寫便可播放影音檔了,以下再開始討論各注意事項及設定參數。
註:本文為了讓語法呈現出來,採用全形的括弧〈 〉,各位要自行寫語法時記得改回使用半形括弧 < >。
關於結束標籤:
通常語法標籤都是成對的,有開始就有結束,有〈b〉就有〈/b〉,有〈font〉就有〈/font〉。可是embed語法可以不用寫〈/embed〉,完全不會有任何影響,又省事。
關於尺寸:
如
上的最簡潔寫法,尺寸可以完全不設定,這是最理想的。播放音樂檔時,會自動呈現一條完整的播放Bar,如右圖所示 (Windows Media
Player版本若不同播放Bar外觀也可能不同)。播放影片時
(WMV、ASF、MPG、AVI),除了播放Bar,還會以影片的原始尺寸播放出畫面,畫面大小會自動調整。
如果因各種因素而想設定尺寸,例如想刻意拉大縮小影片的畫面,或是想改變播放Bar的大小,只要加進尺寸參數 width=寬度 height=高度 即可,範例如下:
〈embed src=檔案位址 _fcksavedurl="檔案位址" width=寬度 height=高度〉
無論設定任何尺寸,都是包含播放Bar也算在內的,試一下便可瞭解。
關於自動播放:
如上的最簡潔寫法,其預設就是會自動播放。如果不想自動播放,加入參數 autostart=false 即可,範例如下:
〈embed src=檔案位址 autostart=false〉
關於循環播放:
如上的最簡潔寫法,其預設就是不會循環播放的,就只播放一次。如果要循環播放,加入參數 loop=true 即可,範例如下:
〈embed src=檔案位址 loop=true〉
關於Tracker:
嗯,Tracker,中文要怎麼翻譯啊?反正如果加進這句參數 ShowTracker=false,播放Bar就會變成像右圖那樣,應該有看出少了什麼東西吧。語法範例如下:
〈embed src=檔案位址 _fcksavedurl="檔案位址" ShowTracker=false〉
關於Position Controls:
嗯,跟上一篇一樣,不會翻譯啦,反正只要加入這句參數 ShowPositionControls=false,播放Bar就會變成如右圖那樣,看出少了什麼東西了嗎?語法範例如下:
〈embed src=檔案位址 _fcksavedurl="檔案位址" ShowPositionControls=false〉
關於Audio Controls:
就是關於音量控制,只要加入這句參數 ShowAudioControls=false,控制音量的tracker跟靜音鈕都會消失。語法範例如下:
〈embed src=檔案位址 _fcksavedurl="檔案位址" ShowAudioControls=false〉
關於預設的音量大小:
在語法裡面如果沒有寫任何關於音量大小的設定,播放時預設的音量大小如右上圖,大約是50%的音量。
如果希望一開始播放就以100%的最大音量播放,可以加入這句參數 Volume=0,請注意,是等於「零」,不是英文字母的大寫 O。播放時的情況如右下圖,語法範例如下:
〈embed src=檔案位址 _fcksavedurl="檔案位址" Volume=0〉
關於資訊視窗 (part 1):
只要加進這句參數 ShowStatusBar=true,播放Bar下方便會多出一行資訊視窗,如右圖。語法範例如下:
〈embed src=檔案位址 _fcksavedurl="檔案位址" ShowStatusBar=true〉
這
個參數是非常實用的,因為這行資訊視窗會秀出很多有用資訊如下載進度、播放進度、曲名、藝人名稱.......等等。秀出下載進度、播放進度尤其體貼,可
以讓瀏覽者大概掌握到底要等多久才會開始播放,不用痴痴望著螢幕像個傻子一樣。我個人建議用embed語法播放影音檔時最好都加上這句參數。
關於資訊視窗 (part 2):
還有另外一種秀出資訊視窗的參數 ShowDisplay=true,會一口氣秀出四行資訊,每行各秀出一種資訊,如右圖。語法範例如下:
〈embed src=檔案位址 _fcksavedurl="檔案位址" ShowDisplay=true〉
這 個參數我認為很無謂!因為這些資訊,用上一個參數 ShowStatusBar=true
便可全部呈現出來,單行資訊,但用交替出現的方式呈現所有資訊。這個 ShowDisplay=true
參數佔空間,一行顯示一種資訊,而最有用的下載進度、播放進度等卻不會顯示,大而不當!
關於防右鍵:
各位可以試試在播放Bar上按右鍵看內容,便可看到檔案的真實位址!或是在播放影片時也可以在畫面上按右鍵看內容,也可看到檔案真實位址。加上這句參數
EnableContextMenu=false 便可防止在播放Bar或影片畫面上按右鍵。語法範例如下:
〈embed src=檔案位址 EnableContextMenu=false〉
可是這語法有一點點無謂,因為光是在播放面版上防堵意義不大,還要搭配整個頁面的防堵才能收到效果。所以,自己看著辦吧。
關於隱藏面版:
隱藏面版是件很有趣的事情,只要加上這句參數 hidden=true,整個播放面版就會不見,什麼都看不到,但還是會播放歌曲 (只要你沒有取消自動播放)。語法範例如下:
〈embed src=檔案位址 hidden=true〉
什
麼東西都沒有,卻又會播放歌曲,想到什麼了嗎?沒錯,就是最傳統的背景音樂語法〈bgsound src=檔案位址〉!embed加上
hidden=true 後,看不到播放面版,也不會影響版面
(完全不佔位置就對了),表面上的確和bgsound語法一模一樣,兩者可以互相取代。但在功能上,兩者還是有差別的!
用bgsound
語法播放歌曲沒有串流功能,即使播WMA也沒有,一定要檔案完全下載完畢才會開始播放。embed加 hidden=true
就有串流功能。有串流就比較好嗎?不見得!是會比較快開始播放歌曲沒錯,但如果網路繁忙或連線速度慢,播放就會斷斷續續的。bgsound語法要整首下載
完才播放,等比較久才聽的到,但開始播後就保證不會斷斷續續的。
所以,現在頁面要播背景音樂有兩種選擇了,就看你要不要串流功能。
播放清單檔:
embed並非只能直接播放影音檔,它也可以播放清單檔如M3U、ASX、WPL等,這樣就可以用一句embed語法播放多首歌曲。語法範例如下:
〈embed src=檔名.m3u〉
當然,想這樣運用自己就得多費心製作清單檔,影音檔跟清單檔上傳時也要注意其相對位置都要擺正確。
並 非所有電腦環境都支援播放各式清單檔,如果Windows Media
Player版本不夠新,可能就無法播放一些清單檔。還有如果你電腦預設使用其他軟體來播放清單檔 (非Media
Player),也可能無法支援用embed播放清單檔,得將檔案格式連結回Media Player才行。
播放清單檔功能如果搭配上述的隱藏面版功能就很有趣了,什麼都沒看到,卻會自動播放多首背景音樂。不過這無法讓瀏覽者做任何控制,強迫接受多首歌曲,很霸道!^^
播放MP3:
用embed 可以播放MP3,但有一點要注意,通常大家電腦裡不見得是預設用Windows
Media Player來播放MP3,很多人是預設MusicMatch Jukebox、WinAmp...等等,總之只要不是預設用Media
Player,embed在播放MP3便會呼叫別的軟體來播放,如QuickTime或Real
Player,而這樣播放面版都會很小,變成一定要設尺寸才可以。
只有電腦裡預設用Media Player播放MP3,embed才會呼叫Media
Player來播放MP3,也才會是那個熟悉的Media Player style的播放面版,各種設定也較為方便。Anyway,語法範例如下:
〈embed src=檔名.mp3〉
播放Flash檔案SWF:
embed可以播放SWF,事實上SWF好像一定要用embed才能播放出來。要注意播放時一定要設定尺寸,否則畫面會變成200*200。語法範例如下:
〈embed src=檔名.swf width=寬度 height=高度〉
播放SWF不會出現任何播放BAR (除非SWF檔案本身有做一個),因為播放Flash並非呼叫Media Player來播放,而是直接用IE播放。
播放Quicktime影片檔案MOV及QT:
embed可以播放MOV、QT等影片檔,但是電腦裡必須有QuickTime
Player,而且版本要夠新,最好是6.3以上,這樣才能看到用embed播的MOV或QT檔。另外,播放時一定要設定尺寸,否則畫面會變很小很小。語
法範例如下:
〈embed src=檔名.mov width=寬度 height=高度〉
播放MOV或QT會有播放Bar,是QuickTime style的播放Bar,尺寸設定亦是將播放Bar算在內的,多嘗試幾次便能掌握合適的尺寸。
先
談播放Real音樂檔。第一,用embed播放Real音樂檔一定要寫尺寸大小,否則播放面版會很小,甚至看不到。第二,關於「自動播放」若什麼都不寫不
去設定,預設是「不會自動播放」,若要自動播放就要加入這句參數 autostart=true。整個綜合起來語法範例如下:(圖示如右)
〈embed src=檔名.ram _fcksavedurl="檔名.ram" autostart=true width=寬度 height=高度〉
還
有一個秀出播放面版的語法
controls=controlpanel,若加這句進去,面版會變成像右圖這樣。這句有點雞婆,多加一句話,秀出的東西卻比上面那個圖示還少,如果就
是想讓面版簡潔些,就可用這句語法,高度可以設小一點啦,不需像右圖這麼高。語法範例如下:
〈embed src=檔名.ram _fcksavedurl="檔名.ram" autostart=true width=寬度 height=高度 controls=controlpanel〉
再來談播放Real影片。若用上述的語法播Real影片,只能聽到聲音,看不到畫面,要加上這句參數 controls=ImageWindow 才能看到畫面。當然,尺寸還是要寫,關於自動播放的設定也同上述。語法範例如下:
〈embed src=檔名.ram _fcksavedurl="檔名.ram" autostart=true width=寬度 height=高度 controls=ImageWindow〉
用這語法播放影片,畫面先是Real
Player的Mark,下方會顯示檔案下載進度,開始播放後就只有畫面,沒有任何控制面版,整個情況如右圖所示。所以,用這語法播放Real影片一定要
設為自動播放,否則沒有播放面版根本無法控制。
那如果想要播放出畫面又要有控制面版呢?可以的,有個特殊寫法辦的到。
原
理簡單來說是將整組embed語法寫兩次,兩組語法用〈br〉隔開。上面那組語法加入 controls=ImageWindow
參數播出畫面,沒有控制面版。下面那組語法不要多加參數 (或是加入 controls=controlpanel
),就只有控制面版,看不到畫面。然後兩組語法都要加入一個重要參數
console=_master,有這句,兩組語法的播放才會同步並互相關連,操作下面那組語法的面版亦可控制上面那組語法的播放。整個語法範例如下:
〈embed src=檔名.ram _fcksavedurl="檔名.ram"
autostart=true width=影片畫面寬度 height=影片畫面高度 controls=ImageWindow
console=_master〉
〈br〉
〈embed src=檔名.ram autostart=true width=播放面版寬度 height=播放面版高度 controls=controlpanel console=_master〉
上面這範例,兩組embed語法以及〈br〉之間我都有換行讓它呈現的更清楚,各位自行寫的時候請把它們通通連起來成為一行很長的語法,這樣呈現出來的才
會如右圖,畫面下面緊接著是控制面版。如果像上面範例這樣有換行,畫面跟控制面版之間會有空行間隔出現。
embed标签的使用(在网页中播放各种音频视频的插件的使用)的更多相关文章
- asp.net 网页中播放 flash 和flv
需求:在网页中播放powerpoint保存的pps文件和mp4文件 经过查阅:发现网页上直接播放pps文件比较麻烦(office web apps server),所以通过工具,将pps文件转换为sw ...
- 用flvplayer.swf在网页中播放视频(网页中flash视频播放的实现)
原:http://blog.csdn.net/ricciozhang/article/details/46868201 由于公司项目的需求,需要在展示一些信息的时候能够播放视频,拿到这个要求,我就从最 ...
- 网页中引用优酷视频去广告自动播放代码[xyytit]
很多时候需要在网站中加入视频,可视频太大放自己服务器上太占空间,可以把视频上传到优酷网上,这样节省了空间,打开速度方面也会有不少提升.下面教大家如何引用自动播放的优酷视频.把下面的代码加在你网页适当位 ...
- web 开发之js---js 实现网页中播放wav的一种方法(flash播放器)
http://blog.csdn.net/whumr1/article/details/6948160
- 在vue项目中播放m3u8格式视频
前言:最近公司在做一个线上会议的项目,要求后台网站播放m3u8格式的视频,查找部分资料,总结一下,方便后边查阅 1.在vue工程中安装以下依赖: cnpm install video.js --sa ...
- 网页中多媒体对像标记<OBJECT>和<EMBED>
在网页中常用object和embed标记插入的多媒体对象,比如FLASH,视频等. 用一个快播例子说明下这两个标记的使用和区别: <object classid="clsid:F3D0 ...
- 有两种分别用<bgsound>和<embed></embed>标签,当用<embed>插入背景音乐时可以设置宽度和高度为0,隐藏播放器。
<bgsound>: <bgsound> 是用来插入背景音乐,但只适用于 ie,其参数设定不多.如下 <bgsound src="your.mid" ...
- Unity3d:使用uWebKit插件嵌入网页,网页中的flv视频无法播放
问题描述:unity3d程序,使用uWebKit插件嵌入网页,用来播放FLV视频,有的电脑可以正常播放,有的电脑在网页中播放不了ps:网页中的播放器用的是player.swf解决方案:是由于网页中的播 ...
- HTML中的音频 视频 的播放代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...
随机推荐
- kvo-观察者-iOS
#import <Foundation/Foundation.h> @interface Child : NSObject @property (nonatomic,assign) int ...
- Python中urlretrieve函数
API定义: urllib.request.urlretrieve(url,filename=None,reporthook=None, data=None) 利用urlretrieve() 将数据下 ...
- 二十四种设计模式:原型模式(Prototype Pattern)
原型模式(Prototype Pattern) 介绍用原型实例指定创建对象的种类,并且通过拷贝这个原型来创建新的对象.示例有一个Message实体类,现在要克隆它. MessageModel usin ...
- ECS 安装redis 及安装PHPredis的扩展
安装redis 1.一条命令就行了:apt-get install redis-server 2.wget http://download.redis.io/releases/redis-3.0.7. ...
- 【转】POP3、SMTP和IMAP之间的区别和联系
POP3 POP3是Post Office Protocol 3的简称,即邮局协议的第3个版本,它规定怎样将个人计算机连接到Internet的邮件服务器和下载电子邮件的电子协议.它是因特网电子邮件的第 ...
- apache使用ssl数字证书
apache配置: <VirtualHost *:443> ServerName web.p2 .com ProxyPreserveHost On ProxyRequests Off SS ...
- winrar 5.21去广告
http://www.rarlab.com/ 把下面的数据复制到“记事本”中,用文件名“rarreg.key搜索”命名该文件,保存到winrar安装文件夹即完成注册 RAR registration ...
- 打印Java main方法执行的命令参数代码
RuntimeMXBean bean = ManagementFactory.getRuntimeMXBean(); List<String> jvmArgs = bean.getInpu ...
- Android 中Fragment使用
Android 中Fragment使用 public class MainActivity extends Activity { public static String[] array = { &q ...
- jsPlumb 学习笔记
介绍 使用svg完成画图,四个概念: anchor: endpoint在的位置,可通过name访问 endpoint:connection的一端节点,通过addPoint makeSource, co ...