HTML5 Audio(音訊)簡介
導讀 | HTML5 提供了播放音訊檔案的標準。 |
網際網路上的音訊
直到現在,仍然不存在一項旨在網頁上播放音訊的標準。
今天,大多數音訊是透過外掛(比如 Flash)來播放的。然而,並非所有瀏覽器都擁有同樣的外掛。
HTML5 規定了在網頁上嵌入音訊元素的標準,即使用 <audio> 元素。
瀏覽器支援
Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 都支援 <audio> 元素.
注意: Internet Explorer 8 及更早IE版本不支援 <audio> 元素.
HTML5 Audio - 如何工作
如需在 HTML5 中播放音訊,你需要使用以下程式碼:
例項
<audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg">您的瀏覽器不支援 audio 元素。</audio>
control 屬性供新增播放、暫停和音量控制元件。
在<audio> 與 </audio> 之間你需要插入瀏覽器不支援的<audio>元素的提示文字 。
<audio> 元素允許使用多個 <source> 元素. <source> 元素可以連結不同的音訊檔案,瀏覽器將使用第一個支援的音訊檔案
音訊格式及瀏覽器支援
目前, <audio>元素支援三種音訊格式檔案: MP3, Wav, 和 Ogg:
瀏覽器 | MP3 | Wav | Ogg |
---|---|---|---|
Internet Explorer 9+ | YES | NO | NO |
Chrome 6+ | YES | YES | YES |
Firefox 3.6+ | YES | YES | YES |
Safari 5+ | YES | YES | NO |
Opera 10+ | YES | YES | YES |
音訊格式的MIME型別
Format | MIME-type |
---|---|
MP3 | audio/mpeg |
Ogg | audio/ogg |
Wav | audio/wav |
HTML5 Audio 標籤
標籤 | 描述 |
---|---|
定義了聲音內容 | |
規定了多媒體資源, 可以是多個,在 <video> 與
<audio>標籤中使用 |
原文來自:
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69955379/viewspace-2924713/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- HTML5音訊audio屬性HTML音訊
- HTML5音訊audio詳解HTML音訊
- html5學習(二)音訊audioHTML音訊
- 掌握HTML5中的多媒體–音訊(audio)HTML音訊
- 微信audio音訊不能播放音訊
- Flutter Flame教程5 -- Audio 音訊Flutter音訊
- Core Audio音訊基礎概述音訊
- OpenHarmony 3.2 Beta Audio——音訊渲染音訊
- HTML5語音合成Speech Synthesis API簡介HTMLAPI
- android音訊hal層簡介Android音訊
- html5音訊HTML音訊
- [微信音訊播放器] html5 audio 製作的微信播放器音訊播放器HTML
- Audio Unit採集音訊實戰音訊
- [SceneKit專題]17-Audio音訊音訊
- HTML5 音訊和視訊HTML音訊
- Tuneskit Audio Capture for Mac 音訊錄製工具APTMac音訊
- Audio Hijack for Mac音訊錄製工具Mac音訊
- DVD音訊提取工具:DVD Audio Extractor for Mac音訊Mac
- Easy Audio Mixer Mac(音訊混音器)Mac音訊
- Audio API - 隨音訊跳動的CubeAPI音訊
- html5聲頻audio和視訊videoHTMLIDE
- HTML5簡介HTML
- mac無損音訊錄音機:AudFree Audio Capture for MacMac音訊APT
- 無損音訊捕捉工具:DRmare Audio Capture for Mac音訊APTMac
- 移動端audio音訊播放相容方案薦音訊
- 音訊處理開源庫webrtc(1)簡介音訊Web
- 音視訊技術:視訊質量評價方法簡介
- html5 audio整理HTML
- IOS音視訊(四十三)AVFoundation 之 Audio SessioniOSSession
- flash轉音訊軟體(thundersoft flash to audio converter)音訊
- Android音訊驅動學習(一) Audio HALAndroid音訊
- 音訊錄製軟體Audio Hijack-Macw音訊Mac
- 音訊轉換器:Bigasoft Audio Converter for Mac音訊Mac
- Mac音訊轉換器:Bigasoft Audio ConverterMac音訊
- DRmare Audio Converter Mac(DRM音訊轉換器)Mac音訊
- DRM音訊轉換工具:DRmare Audio Converter Mac音訊Mac
- 谷歌宣佈沉浸式VR音訊SDK Resonance Audio谷歌VR音訊NaN
- JS指定音訊audio在某個時間點進行播放,獲取當前音訊audio的長度,音訊時長格式轉化JS音訊