embed標籤的使用(在網頁中播放各種音訊視訊的外掛的使用)

阿新 • • 發佈：2019-01-27

1.avi格式

程式碼片斷如下：

2.mpg格式

程式碼片斷如下：

3.smi格式

程式碼片斷如下：

4.rm格式

程式碼片斷如下：

5.wmv格式

程式碼片斷如下：

6.wma格式

放在 <body> 裡面。下面是部分解釋:

7.Windows Media Player 系列(不同面板樣式)

綜合型：

簡易型：

標籤型:

引用內容

媒體播放器的外觀介面

在網頁中，你可以通過相關屬性來控制媒體播放器的哪些部分出現，哪些部分不出現。
媒體播放器包括如下元素：
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 >

</OBJECT>

</body>
</html>

embed標籤的使用(在網頁中播放各種音訊視訊的外掛的使用)

embed標籤的使用(在網頁中播放各種音訊視訊的外掛的使用)

如何用在自己的網頁中嵌入騰訊視訊網頁播放器播放一些檔案

在網頁中嵌入騰訊視訊

各種音訊視訊編解碼詳細介紹

在小程式中使用騰訊視訊外掛播放教程視訊

FireFox不支援bgsound 和embed標籤下音樂播放解決方案

網頁中瀏覽pdf檔案—小外掛

html網頁中顯示並且播放一個視訊,+播放一個音訊

頁面中H5的使用標籤如音訊播放器和視訊播放器

在網頁中插入視訊播放程式碼全集

HTML 播放視訊的embed標籤和Object標籤（轉）

解決ios下使用uiwebview載入網頁時，插放網頁中視訊或者音訊無聲音解決辦法

java ssh上傳視訊並顯示縮圖以及視訊在網頁中的播放

如何讓網頁上的Flash視訊在彈出視窗中播放

H5中音訊視訊的自動播放以及同層播放問題

在HTML中使用object和embed標籤插入視訊

整理webView控制元件載入H5網頁中視訊播放不了的解決方案

HTML5：向網頁中新增視訊和音訊

wordpress MP4視訊在網頁中無法播放的情況解決方式

gif圖再html網頁中只播放一次

embed標籤的使用(在網頁中播放各種音訊視訊的外掛的使用)

相關推薦