Embed Syntax & Attributes: A Thorough Study
嵌入標籤:語法與屬性澈底研究

The origin of multimedia was slide show. As the IT development, it includes text, image, music, animation, video and interactivity.

網路多媒體除了靜態的文字、圖像之外,還包括動態的影音應用:動畫、視訊、數位音樂、與網路互動-即網路資料庫應用。數位音樂的播放,又有背景式與外掛收音機式。可使用播放清單,製作編排影音節目。網路收音機的應用,則牽涉與瀏覽器、媒體播放器(網路收音機圖示)的搭配。


QuickTime Plug-ins 7.7.4 has crashed 優解


<Embed> Media 嵌入網路播放器標籤 

<Embed>可嵌入媒體、播放器、收音機,卻不是HTML的標準命令,但它具備應用簡易性,所以各大瀏覽器均有支援。

隨著瀏覽器的不斷更新,以及Chrome的加入戰局,由於欠缺標準化的組織約定,<Embed>成為各瀏覽器之間,語法、屬性、與行為最不一致的標籤。

迄2013年,網站上可查到對<Embed>的解說,高比例都不完整,尤其是"loop"(重播)屬性,各瀏覽器不但彼此矛盾,自己新舊版也不一樣。連跨瀏覽器的權威網站 Dottoro Web Reference ,也不一定百分之百正確。

本文將就<Embed>最困擾的幾項應用,提出當前跨瀏覽器相對最佳的解決方案。

Embedded Web Radio 嵌入網路收音機設計

Coding of Web Radio 使用<Embed>設計網路收音機

 

三大瀏覽器共用程式

<embed src="http://虛擬路徑(絕對位址)/主檔名.mp3" width="240" height="40" autostart="false" loop="0" type="audio/mpeg" style="float: text-top;" >

宜使用虛擬路徑(絕對位址),若改用實體路徑(相對位址),有些瀏覽器不接受。

萬一 type="audio/mpeg" 不能播放,可改 type="audio/x-mpeg"。

建議應將音樂集中放在/Audio 資料夾中。

Expression Web 收音機設定範例

src="http://tx.liberal.ntu.edu.tw/GCot16/PersoalWeb/Audio/主檔名.副檔名"

GCot16:下一年度,譬如2015年上課,就是GCot16

PersoalWeb:個人網站,即網站資料夾名稱,應為英文。

網路收音機應用右鍵下載練習示範曲 Going Away-Dm-Voice.mp3
網路收音機應用選擇更多免費音樂

 

一般瀏覽器程式 : IE, Fox

<embed src="file.mp3" width="300" height="30" align="texttop" autostart="false" loop="true" hidden="false">

Usage:

loop="true" = infinite "1"= Play once, etc.

hidden="false" show the icon

URL 位址

檔案位址與測試檔案位址與測試:SharePoint 在本機測試時,IE只能接受伺服器所在之絕對位址,但 Firefox 接受絕對位址或本機相對位址均可。

No Auto Start 不自動播放設定

不反覆播放不自動播放:當 autostart="false", loop 不為 0時,IE 會反覆播放;而Firefox不會有這個問題。所以為使各瀏覽器適用,當不自動播放時,應使用 autostart="false" loop="0" 設定。

Play Just Once/ Defined Times 限定只播放一次

最困擾的是只播1次,或限定次數,在各瀏覽器間、版本間相互衝突。

網友最常問的問題就是:loop=" " 已限定次數,在IE中卻一直反覆播放。

最佳解決方案是限定只播放一次,同時使用:

autostart="true" loop="false"

type=" " for Chrome 谷歌瀏覽器 HTML5 的設定

Chrome 為何會自動播放?

不論以上屬性如何設定,Chrome 都會自動播放,因為Chrome 已經採用HTML5 的設定,必須增加type=" "屬性,用法如下:

type="audio/mpeg"

適用 mp3 等。

type="audio/midi"

適用 mid。

type="video/wmv" 等,適用視訊。

controls=" " 播放器/收音機面板尺寸

controls="smallconsole │ bigconsole"

bigconsole 是完整面板,為預設;smallconsole 可以縮小為只剩按鈕。

playcount=" " deprecated 已失效的屬性

早期IE要用playcount 代替 loop,但新版本已失效。

More info on insert mediaMore info on insert media


網路收音機位置這是使用 Chrome 瀏覽器,與其搭配的 Quick Time 收音機圖示。

如果是音樂網頁,曲名下都有網路收音機。開關鈕和一般收音機一樣。

標準的網站設計,左側導覽列的下方,功能為「新聞區」。

我的「新聞區」中也有「新音樂」區,每首各有一收音機。(左圖)

當前瀏覽器、媒體播放器太多,顯示可能會有問題。

我的網站,三大瀏覽器與其搭配的2大媒體播放器都有測試,原則上沒有問題。

Chrome 瀏覽器搭配 Quick Time

Microsoft 瀏覽器搭配 MS Player

Firefox 瀏覽器搭配 Quick TimeMS Player 均可。

當前網頁程式的多媒體程式最混亂,前後不同版本的瀏覽器,也還是不能完全排除產生問題的可能。

同時,如果用 MS player 作唯一default,而 chrome 會要使用者 用quick time,也可能出包。MS 和 Google 常故意對打,使對方的網頁在自己的瀏覽器上出問題。

常見的問題,是網路收音機的「尺寸」跑掉,可能變太大,而被旁邊的物件遮擋掉,必須要找一下開關。

如果使用者發現任何收聽的問題,請寫信告訴我


SharePoint 網路播放器.網路收音機設計

note 使用微軟SP編輯器

>Insert

>Web Objects

>Advanced Controls

>Plug-ins

However, it is better to use a simple coding for reaching complete design.

使用外掛收音機,一定要手動加 autostart="false" 這個指令,否則效果和背景音樂一樣。

頁面收音機設定

右鍵點收音機圖示

〉外卦程式內容

〉瀏覽

可以查詢/Music所在位置 


Background Audio 背景音樂設計

Playlist 播放清單設計

Special Topics in Digital Music Zone 數位音樂特區

We have a specific part to discuss audio, music and MIDI.

回頁首 Up to page head 至相關主題 Go to related pages
上一頁 Back to previous page 回頁首 Up to page head 下一頁 Go to nex page  
請點這裡看所有留言分類 Please click here to view categories of comments
同類別內相關主題