常見的網頁播放器程式碼

Web開發者發表於2011-12-07

  我們在網頁上看到的播放器無外乎WMP/RealPlayer/Flash Player,其他的無非是皮膚不同,或者新增了其他控制元件,對於計算機上安裝的一些播放器也都是編碼和解碼器的整合,其最核心的編碼和解碼技術是相同的。例如:網路上最流行的windows media流(asf,wma,wmv 格式),Real流(rm,rmvb格式),還有MPEG系列編碼格式(MP4,MP3格式)。下面是admin10000.com整理的常見網頁播放器程式碼


1、使用Embed 標籤播放多媒體檔案
  格式<embed src="檔名"/>。其中檔名可以取任何一種多媒體檔案格式,例如 "test.wma",就會在網頁上顯示一個 Windows Media Player 播放器(因為 wma 是 WMP 專用的),另如 "test.rm",就會在網頁上顯示一個 Real Player 播放器。當然,你的計算機上必須安裝了 RealPlayer 才可以顯示。
其實 embed 標籤還可以顯示 Flash 動畫(這時embed 標籤的作用跟用 object 標籤顯示 Flash 動畫的差不多),例子: <embed src="a.swf">
總之,歸納 embed 標籤的作用: 在網頁上播放指定的多媒體檔案。


2、呼叫Windows Media Player 進行播放
  可用來來播放 wmv,asf 等格式檔案
 

<object classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715" type="application/x-oleobject" height="200" width="300">
<param name="filename" value="test.wmv" />
<param name="autostart" value="false" />
<param name="showstatusbar" value="true" />
<param name="showtracker" value="true" />
<param name="showcontrols" value="true" />
<embed filename="test.wmv" autostart="false" pluginspage="http://www.microsoft.com/windows/windowsmedia/" showcontrols="true" showstatusbar="true" showtracker="true" src="test.wmv" type="application/x-mplayer2" height="200" width="300"></embed>
</object>

Windows Media Player 7 及更高版本的 class ID 是:clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6
上面例子中的 class ID 是一個老的版本,但是依然可以工作,這是因為其向後相容性。但是如果使用了老的 class ID,就無法使用增加到元件中的新特性了。
下面給出新版本的例子

<object classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6" type="application/x-oleobject" height="200" width="300">
<param name="url" value="test.wmv" />
<param name="autostart" value="false" />
<param name="showstatusbar" value="true" />
<param name="showtracker" value="true" />
<param name="showcontrols" value="true" />
<param name="uimode" value="full"/>
<embed filename="test.wmv" autostart="false" showcontrols="true" showstatusbar="true" showtracker="true" uimode="full" src="test.wmv" type="application/x-mplayer2" height="200" width="300"></embed>
</object>


3、呼叫Real Player 進行播放
  可用來播放 rm,ram 等格式檔案

播放框:
<object classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA height=285 id=RAOCX name=rmplay width=356>
<param name="SRC" value="影片地址">
<param name="CONSOLE" value="Clip1">
<param name="CONTROLS" value="imagewindow">
<param name="AUTOSTART" value="true">
<embed src="影片地址" autostart="true" controls="ImageWindow" console="Clip1" pluginspage="http://www.real.com"/’ width="356" height="285">
</embed>
</object>

控制框:可緊跟播放框一起
<object classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA height=27 id=video1 width=356>
<param name="_ExtentX" value="7276">
<param name="_ExtentY" value="1058">
<param name="AUTOSTART" value="0">
<param name="SHUFFLE" value="0">
<param name="PREFETCH" value="0">
<param name="NOLABELS" value="0">
<param name="CONTROLS" value="ControlPanel">
<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="#ffffff">
<embed type="audio/x-pn-realaudio-plugin" console="Clip1" controls="ControlPanel" height="27" width="356" autostart="0" _extentx="7276" _extenty="1058" shuffle="0" prefetch="0" nolabels="0" loop="0" numloop="0" center="0" maintainaspect="0" backgroundcolor="#ffffff">
</embed>
</object>


最後給出Windows Media Player 和 Real Player 播放器的詳細引數說明



Windows Media Player "clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"  引數說明
引數 預設值 說明
AudioStream true  
AutoSize true 是否自動調整播放大小
AutoStart true 是否自動播放
AnimationAtStart true 整個動畫是否在下載時同時播放
AllowScan true  
AllowChangeDisplaySize true  
AutoRewind false  
Balance false 左右聲道平衡,最左-9640,最右9640
BaseURL    
BufferingTime 5 緩衝時間
CaptioningID    
ClickToPlay true 當使用者點選播放區域時是否啟動播放器
CursorType false  
CurrentPosition true 當前播放進度 -1 表示不變,0表示開頭 單位是秒,比如10表示從第10秒處開始播放,值必須是-1.0或大於等於0
CurrentMarker false  
DefaultFrame    
DisplayBackColor false  
DisplayForeColor 16777215  
DisplayMode false  
DisplaySize false 視訊1-50%, 0-100%, 2-200%,3-全屏 其它的值作0處理,小數則採用四捨五入然後按前的處理
Enabled true  
EnableContextMenu true 是否用右鍵彈出選單控制
EnablePositionControls true  
EnableFullScreenControls false  
EnableTracker true 是否允許拉動播放進度條到任意地方播放
Filename URL 指定播放檔案的URL
InvokeURLs true  
Language true  
Mute false 是否靜音
PlayCount 1 重複播放次數,0為始終重複
PreviewMode false  
Rate 1 播放速率控制,1為正常,允許小數
SAMILang   SAMI語言
SAMIStyle   SAMI樣式
SAMIFileName   字幕ID
SelectionStart true  
SelectionEnd true  
SendOpenStateChangeEvents true  
SendWarningEvents true  
SendErrorEvents true  
SendKeyboardEvents false  
SendMouseClickEvents false  
SendMouseMoveEvents false  
SendPlayStateChangeEvents true  
ShowCaptioning false 是否顯示字幕,為一塊黑色,下面會有一大塊黑色,一般不顯示
ShowControls true 是否顯示控制,比如播放,停止,暫停
ShowAudioControls true 是否顯示音量控制
ShowDisplay false 顯示節目資訊,比如版權等
ShowGotoBar false 是否顯示進度條
ShowPositionControls true 是否顯示往前往後及列表,如果顯示一般也都是灰色不可控制
ShowStatusBar false 當前播放資訊,顯示是否正在播放,及總播放時間和當前播放到的時間
ShowTracker true 是否顯示當前播放跟蹤條,即當前的播放進度條
TransparantAtStart false  
VideoBorderWidth false 顯示部的寬部,如果小於視訊寬,則最小為視訊寬,或者加大到指定值,並自動加大高度.此改變只改變四周的黑框大小,不改變視訊大小
VideoBorderColor false 顯示黑色框的顏色, 為RGB值,比如ffff00為黃色
VideoBorder3D false  
Volume -200 音量大小,負值表示是當前音量的減值,值自動會取絕對值,最大為0,最小為-9640
WindowlessVideo false 如果是0可以允許全屏,否則只能在視窗中檢視


Windows Media Player "clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6" 引數說明
引數 預設值 說明
AutoStart -1 是否自動播放,0不自動播放,-1自動播放
Balance 0 調整左右聲道平衡,最左-9640,最右9640
enabled -1 播放器是否可人為控制;-1可控制,0不可控制
EnableContextMenu -1 是否啟用上下文選單(是否用右鍵彈出選單控制) 0不顯示選單,1顯示選單
url   播放的檔案地址
PlayCount   播放次數控制,為整數,0為始終重複
rate   播放速率控制,1為正常,允許小數,1.0-2.0
currentPosition   控制元件設定:當前位置(-1 表示不變,0表示開頭 單位是秒,比如10表示從第10秒處開始播放,值必須是-1或大於等於0)
currentMarker   控制元件設定:當前標記
defaultFrame   顯示預設框架
invokeURLs   指令碼命令設定:是否呼叫URL
baseURL   指令碼命令設定:被呼叫的URL
stretchToFit 0 是否按比例伸展 ,0不伸縮,-1伸展
volume   預設聲音大小0%-100%,50則為50%
mute   是否靜音
uiMode Full 播放器顯示模式:Full顯示全部;mini最簡化;None不顯示播放控制,只顯示視訊視窗;invisible全部不顯示
windowlessVideo 0 如果是0可以允許全屏,否則只能在視窗中檢視 ;0視窗顯示,-1非視窗顯示
fullScreen 0 開始播放是否自動全屏 -1 自動全屏,0 不自動全屏
enableErrorDialogs   是否啟用錯誤提示報告
SAMIStyle   SAMI樣式
SAMILang   SAMI語言
SAMIFilename   字幕ID

 

Real Player "clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" 引數說明
引數 預設值 說明
AutoStart true 值為True或是False,指定是否自動播放指定的原始檔
backgroundcolor   值為任何用符號“#”開頭的16進位制數值或是任何預定義的顏色,指定影象視窗的背景顏色
center   值為True或是False,指定片斷使用初始編碼大小播放並且在影象視窗的中央。
classid   "clsid:CFCDAA03-8BE4-1lcf-B84B0020AFBBCCFA:** 作用:用於指定ActiveX控制元件的唯一的字串標示,可以認出嵌入的RealPalyer播放器。
console   值為任何字串,可以將各種不同的RealPlayer控制聚集在網頁上,這樣它們可以互動使用或是保持獨立,而且互相不影響
controls   用來指定哪些控制是可見的。 值可以是 ImageWindow,All,ControlPanel,PlavButton,PlayOnlyButton, PauseButton,StopButton,FFCtrl,RWCtrl,MuteCtrl,MuteVolume,VolumeSlider,PositionSlider,TACCtrl,HomeCtrl,InfoVolumePanel,InfoPanel,StatusBar,StatusField,PositionField。
height   指定RealPlayer元素的高度。值為任何整數值,單位:畫素。
id   值為任何字串。為標籤中的RealPlayer元素指定名字。
imagestatus true 值為True或是False 。用來指定是否在影象視窗中顯示狀態資訊。
loop   值為True或是False 。可以讓你指定片斷是否無限迴圈。
maintainaspect true 值為True或是False。指定是否拉伸所有的片斷來充滿整個影象視窗
name   值為任何字串。為標籤中的RealPlayer元素指定名字(在標籤中使用id)
nojava   值為True或是False。避免啟動Java虛擬機器
nolabels   True或是False 。可以禁止顯示標題或是版權資訊(realplayer5.0以上時,它是垃圾...)
nologo   True或是False。避免RealPlayer啟動時在影象視窗中顯示
numloop   指定檔案片迴圈的次數,值為整數值。不需要引數loop
prefetch false 值為True或是False。指定在播放前,RealPlayer是否可以獲得流描述資訊
region   值為任何字串。同SMIL一起使用。允許你指定使用HTML代替SMIL
scriptcallbacks   值為用逗號分割的列表。用來指定瀏覽器的回撥監控(好高階的東東!)
shuffle   值為True或是False 。同多檔案片的ram檔案或是SMIL檔案一起使用。可以讓RealPlayer隨機播放列表中的檔案
src   播放的檔案地址
type   為嵌入外掛指定MIME型別
width   指定RealPlayer元素的寬度。值為任何整數值

相關文章