HTML5 audio 标签-在html中定义声音的标签
2019獨角獸企業重金招聘Python工程師標準>>>
本文來源 169it
HTML 5 <audio> 標簽定義和用法
? <audio> 標簽定義聲音,比如音樂或其他音頻流。
? HTML5 <audio> 元素使 Web 開發人員可以將聲音嵌入他們的應用程序??刂频撵`活性加上平臺其他功能的集成,使多個應用場景得以實現,包括從簡單的聲音效果到背景音頻,再到游戲體驗以及更復雜的音頻引擎。
?? HTML 4.01 與 HTML 5 之間的差異
?? <audio> 標簽是 HTML 5 的新標簽。
HTML 5 <audio> 標簽屬性
屬性???????? 值???????? 描述
autoplay true | false 如果是 true,則音頻在就緒后馬上播放。
controls true | false 如果是 true,則向用戶顯示控件,比如播放按鈕。
end numeric value 定義播放器在音頻流中的何處停止播放。默認地,聲音會播放到結尾。
loopend numeric value 定義在音頻流中循環播放停止的位置,默認是 end 屬性的值。
loopstart numeric value 定義在音頻流中循環播放的開始位置。默認是 start 屬性的值。
playcount numeric value 定義音頻片斷播放多少次。默認是 1。
src url 所播放音頻的 url。
start numeric value 定義播放器在音頻流中開始播放的位置。默認地,聲音在開頭進行播放。
HTML 5 <audio> 標簽標準屬性
class, contenteditable, contextmenu, dir, draggable, id, irrelevant,
lang, ref, registrationmark, tabindex, template, title如需完整的描述,請訪 HTML 5 中標準屬性。
HTML 5 <audio> 標簽事件屬性
onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu,
ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover,
ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup,
onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout,
onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload
HTML 5 <audio> 標簽--在播放之前預加載音頻
?? 只要您準備好了音頻元素,您就可以選擇最佳預加載策略。HTML5 <audio> 規范用三個可能的值描述預加載屬性:
? “none”:提示用戶代理,作者不希望用戶需要媒體資源,或者是,服務器要盡量減少不必要的流量。如果您的應用場景是每個帖子都帶有音頻文件的一個播客,這就是一個非常合適的選項,因為它減少了初始預加載的帶寬。只要用戶播放文件(無論是通過默認可視控件還是 JavaScript 方法 load() 或 play()),瀏覽器將開始提取音頻流。
? “metadata”:提示用戶代理,作者不希望用戶需要媒體資源,但提取資源元數據(維度、持續時間等)是合理的。如果您在構建音頻播放器控件,并且您需要關于音頻剪輯的基本信息,但尚不需要播放它,推薦該選項。
? “auto”:提示用戶代理,用戶代理可以在對服務器不構成風險的情況下把用戶的需求放在首位,直至并包括樂觀地下載全部資源。
如果您正在構建一個游戲,這可能是最合適的方式,因為它使您可以在真正開始游戲體驗之前預加載全部音頻剪輯。
請注意,當您以編程方式設置音頻元素的 src 屬性時,瀏覽器將設置preload(預加載)屬性,除非它已被設置為 “auto”?;诖嗽?#xff0c;如果您的應用場景需要一個不同的值,請務必在設置 src 之前在代碼行中指定它。
?? 請注意,當您以編程方式設置音頻元素的 src 屬性時,瀏覽器將設置preload(預加載)屬性,除非它已被設置為 “auto”?;诖嗽?#xff0c;如果您的應用場景需要一個不同的值,請務必在設置 src 之前在代碼行中指定它.
HTML 5 <audio> 標簽例子1:
1
<audio src="someaudio.wav">您的瀏覽器不支持 audio 標簽。</audio>
HTML 5 <audio> 標簽例子2:
<audio id="media" src="http://www.169it.com/test.mp3" controls></audio>
HTML 5 <audio> 標簽例子3:
<audio src="audio/sample.mp3" autoplay>
</audio>
var audio = document.createElement("audio");
if (audio != null && audio.canPlayType && audio.canPlayType("audio/mpeg"))
{
audio.src = "audio/sample.mp3";
audio.play();
}
HTML 5 <audio> 標簽例子4:
<body>
<audio src="audio/Bass.mp3" autoplay loop>
</audio>
<audio src="audio/Drum.mp3" autoplay loop>
</audio>
<audio src="audio/Crunch.mp3" autoplay loop>
</audio>
<audio src="audio/Guitar.mp3" autoplay loop>
</audio>
<audio src="audio/Pizzicato.mp3" autoplay loop>
</audio>
</body>
本文來源? HTML5 <audio> 標簽-在html中定義聲音的標簽
轉載于:https://my.oschina.net/u/1766067/blog/287108
總結
以上是生活随笔為你收集整理的HTML5 audio 标签-在html中定义声音的标签的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 【Spring reference】@R
- 下一篇: oracle 查看连接数