Web Design 常用嵌入播放器代碼精解收集

因為自己需要,所有,收集整理一下相關的資料
我們網頁設計上看到的播放器無外乎WMP/RealOne/Macromedia Flash Player,其他的無非是面板不同,或者添加了其他控件,對於計算機上安裝的一些播放器也都是編碼和解碼器的整合,其最核心的網站設計編碼和解碼技術是相同的。例如:網絡上最流行的windows media流(asf,wma,wmv格式...),Real流(rm,rmvb...),還有MPEG系列編碼格式(MP4/MP3格式...)
WMP控件加入了ActiveX解碼器控件,不僅可以放曲子,還能放Flash和其它視頻文件。複製內容到剪貼板代碼:<object title="dvubb" align="middle" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" id="MediaPlayer" width="480" height="360"> <param name="AUTOSTART" value="false"/> <param name="ShowStatusBar" value="-1"/> <param name="Filename" value="你的視拼地址"/> <embed title="dvubb" type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" flename="mp" src="你的視頻地址" width="480" height="360" autoplay="false"></embed> </object> 上面的這個播放器是老式的那種,6.4版本!新式播放器是在WMP9.0以後出現的,也就是說只有裝了9.0或9.0以上的播放器才能正常使用的新式播放器代碼,相對以前的來說要簡單很多:複製內容到剪貼板代碼:<object height="64" width="260" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" align="center" border="0"><param name="AutoStart" value="0"><param name="Balance" value="0"><param name="enabled" value="-1"><param name="EnableContextMenu" value="-1"><param name="url" value="{1}"><param name="PlayCount" value="1"><param name="rate" value="1"><param name="currentPosition" value="0"><param name="currentMarker" value="0"><param name="defaultFrame" value=""><param name="invokeURLs" value="0"><param name="baseURL" value=""><param name="stretchToFit" value="0"><param name="volume" value="100"><param name="mute" value="0"><param name="uiMode" value="mini"><param name="windowlessVideo" value="-1"><param name="fullScreen" value="0"><param name="enableErrorDialogs" value="-1"><param name="SAMIStyle" value><param name="SAMILang" value><param name="SAMIFilename" value><param name="captioningID" value></object>Real系列播放器複製內容到剪貼板代碼:<object classid="clsid:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA" width="500" height="40" id="RealMoviePlayer" border="0"><param name="_ExtentX" value="13229"><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="_master"><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"><param name="SRC" value="REAL媒體文件地址"></object>Flash播放器複製內容到剪貼板代碼:<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="550" height="400"><param name="allowScriptAccess" value="sameDomain"><param name="movie" value="flash動畫地址"><param name="quality" value="high"><param name="bgcolor" value="#ffffff"><embed src="flash動畫地址" quality="high" bgcolor="#ffffff" width="550" height="400" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>萬能自動網頁播放器代碼複製內容到剪貼板代碼:<embed src="媒體文件URL地址" width=400 height=300 type="audio/mpeg" loop="-1" autostart="false" volume="0" style=""></embed>WIDTH代表播放器寬度,HEIGHT代表高度,後面的網頁寄存數值可依自己喜好進行調整;AUTOSTART="TRUE"或者是autoplay="true" 這裡TRUE代表自動播放,如果換成FALSE則代表手動播放;LOOP="TRUE"代表循環播放;style=“”代表風格,參數可以參考CSS濾鏡,可以省略;type 可以省略;
其他可以看EMBED的代碼詳細;Flash 的代碼就不詳細說了!因為有些在線的Flash MP3 player但是經常會有些問題本來想給論壇加個FLASH的MP3播放器按鈕因為效果太差放棄了,使用萬能代碼了!
不用指定播放器種類,系統會調用默認的播放器自動播放,一會詳細介紹,只要在代碼的最外面加上object即可指定播放器!引用:(默認0為否,-1或1為是)<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="MediaPlayer1" width="286" height="225"><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="01.wma" valuetype="ref"><!--播放的文件地址--><param name="InvokeURLs" value="-1"><param name="Language" value="-1"><param name="Mute" value="0"><!--是否靜音--><param name="PlayCount" value="10"><!--重複播放次數,0為始終重複--><param name="PreviewMode" value="-1"><param name="Rate" value="1"><!--播放速率控制,1為正常,允許小數--><param name="SAMIStyle" value><!--SAMI樣式--><param name="SAMILang" value><!--SAMI語言--><param name="SAMIFilename" value><!--字幕ID--><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--><param name="WindowlessVideo" value="0"><!--如果是0可以允許全屏,否則只能在窗口中查看--></object>上面的這個播放器是老式的那種,6.4版本!新式播放器是在MediaPlayer9.0以後出現的,也就是說只有裝了9.0或9.0以上的播放器才能正常使用的。
下面對WMP9的控件進行解析,其他播放的參數,基本類似,參考下面的!引用:
<object id="player" height="64" width="260" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"><param NAME="AutoStart" VALUE="-1"> <!--是否自動播放-- www.devdao.com> <param NAME="Balance" VALUE="0"> <!--調整左右聲道平衡,同上面舊播放器代碼--> <param name="enabled" value="-1"> <!--播放器是否可人為控制--> <param NAME="EnableContextMenu" VALUE="-1"> <!--是否啟用上下文菜單--> <param NAME="url" value="/blog/1.wma"> <!--播放的文件地址--> <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="mini"> <!--播放器顯示模式: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>Real Player 網頁播放器 參數含義引用:參數:autostart 屬性: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或是False 作用:指定是否在圖像窗口中顯示狀態信息,默認值是true參數:loop 屬性:True或是False 作用:可以讓你指定片斷是否無限循環參數:maintainaspect 屬性:True或是False 作用:默認RealPlayer拉伸所有的片斷來充滿整個圖像窗口。參數:name 屬性:任何字符串作用:為標籤中的RealPlayer元素指定名字(在標籤中使用id)參數:nojava 屬性:True或是False 作用:避免啟動Java虛擬機參數:nolabels 屬性:True或是False 作用:可以禁止顯示標題或是版權信息(realplayer5.0以上時,它是垃圾...)參數:nologo 屬性:True或是False 作用:避免RealPlayer啟動時在圖像窗口中顯示參數:numloop 屬性:任何整數值作用:讓你能夠指定文件片循環的次數,不需要參數loop參數:prefetch 屬性:True或是False 作用:指定在播放前,RealPlayer是否可以獲得流描述信息,默認值是False參數:region 屬性:任何字符串作用:同SMIL一起使用。允許你指定使用HTML代替SMIL參數:scriptcallbacks 屬性:用逗號分割的列表作用:指定瀏覽器的回調監控(好高級的東東!)參數:shuffle 屬性:True或是False 作用:同多文件片的ram文件或是SMIL文件一起使用。可以讓RealPlayer隨機播放列表中的文件參數:src 屬性:任何合法的相對或是完整的URL 作用:指定播放的文件或是源文件的地址參數:type 屬性:字符串作用:為嵌入插件指定MIME類型參數:width 屬性:任何整數值作用:指定RealPlayer元素的寬度RealPlayer的一些函數、方法和過程 這是 Real Player ActiveX Control Library (Version 1.0) 的所有函數與方法,有興趣可以研究一下。引用: function GetSource: WideString; procedure SetSource(const lpszNewValue: WideString); function GetConsole: WideString; procedure SetConsole(const lpszNewValue: WideString); function GetControls: WideString; procedure SetControls(const lpszNewValue: WideString); function GetNoLabels: WordBool; procedure SetNoLabels(bNewValue: WordBool); function GetAutoStart: WordBool; procedure SetAutoStart(bNewValue: WordBool); function GetAutoGotoURL: WordBool; procedure SetAutoGotoURL(bNewValue: WordBool); function GetVolume: Smallint; procedure SetVolume(nVol: Smallint); function GetMute: WordBool; procedure SetMute(bMute: WordBool); function GetLoop: WordBool; procedure SetLoop(bVal: WordBool); function GetImageStatus: WordBool; procedure SetImageStatus(bEnable: WordBool); function GetPacketsTotal: Integer; function GetPacketsReceived: Integer; function GetPacketsOutOfOrder: Integer; function GetPacketsMissing: Integer; function GetPacketsEarly: Integer; function GetPacketsLate: Integer; function GetBandwidthAverage: Integer; function GetBandwidthCurrent: Integer; procedure DoPlayPause; procedure DoStop; procedure DoNextItem; procedure DoPrevItem; function CanPlayPause: WordBool; function CanStop: WordBool; function HasNextItem: WordBool; function HasPrevItem: WordBool; function HasNextEntry: WordBool; function HasPrevEntry: WordBool; procedure DoNextEntry; procedure DoPrevEntry; procedure AboutBox; procedure EditPreferences; procedure HideShowStatistics; function IsStatisticsVisible: WordBool; procedure DoGotoURL(const url: WideString; const target: WideString); procedure DoPlay; procedure DoPause; function GetPosition: Integer; function GetPlayState: Integer; function GetLength: Integer; function GetTitle: WideString; function GetAuthor: WideString; function GetCopyright: WideString; function GetClipWidth: Integer; function GetClipHeight: Integer; function CanPlay: WordBool; function CanPause: WordBool; procedure SetPosition(lPosition: Integer); function GetNumLoop: Integer; procedure SetNumLoop(lVal: Integer); function GetCenter: WordBool; procedure SetCenter(bVal: WordBool); function GetNoLogo: WordBool; procedure SetNoLogo(bVal: WordBool); function GetMaintainAspect: WordBool; procedure SetMaintainAspect(bVal: WordBool); function GetBackgroundColor: WideString; procedure SetBackgroundColor(const pVal: WideString); function GetStereoState: WordBool; function GetLiveState: WordBool; function GetShowStatistics: WordBool; procedure SetShowStatistics(bVal: WordBool); function GetShowPreferences: WordBool; procedure SetShowPreferences(bVal: WordBool); function GetShowonmouseover WordBool; procedure SetShowAbou網頁中WMP視頻控制之使用指南
□播放方法和屬性除播放、暫停、停止外,媒體播放器還可用下面的屬性:掃瞄(Scanning)——與錄像機的快進快倒功能類似;搜索(Seeking)——直接移到剪輯中標記的特定上演時間;
□播放媒體播放器提供了兩種技術來指定要播放的媒體名稱(剪輯),你可以設置 FileName 屬性,或調用 Open 方法。 如果 AutoStart 屬性的值是 true 的話,當 FileName 屬性被設置成該電影剪輯的 URL 後,該電影剪輯將開始播放;否則電影剪輯不會開始播放, 除非你調用 Play 方法。 Open 方法開始播放是異步的,它不像 Play 方法要等到其他的進程結束後才開始播放。媒體播放器提供了下面的類似錄像機的屬性和方法來控制流媒體的播放:Play、Stop、Pause 方法,來開始、停止、暫停流媒體。PlayCount 屬性,設置文件播放的次數。AutoRewind 屬性,確定當停止播放時是否返回到電影剪輯的開始部分。