如何在網頁中應用HTML5音頻
HTML5 audio
成都創(chuàng)新互聯(lián)專注于企業(yè)全網營銷推廣、網站重做改版、潁州網站定制設計、自適應品牌網站建設、H5高端網站建設、電子商務商城網站建設、集團公司官網建設、外貿網站建設、高端網站制作、響應式網頁設計等建站業(yè)務，價格優(yōu)惠性價比高，為潁州等各大城市提供網站開發(fā)制作服務。
在HTML5標準網頁里面，我們可以運用audio標簽來完成我們對聲音的調用及播放。以下是最經常見到的運用HTML5三種基本格式：
1.最少的代碼
-
2.帶有不兼容提醒的代碼
-
- Your browser does not support the audio tag.
-
3.盡量兼容瀏覽器的寫法
-
-
-
- Your browser does not support the audio tag.
-
HTML5音頻格式
當前，HTML***udio標簽支持三種格式的音頻，分別是wav mp3和ogg格式。而目前主流瀏覽器對他們的支持如下：
| |
IE 9 |
Firefox 3.5 |
Opera 10.5 |
Chrome 3.0 |
Safari 3.0 |
| Ogg Vorbis |
|
√ |
√ |
√ |
|
| MP3 |
√ |
|
|
√ |
√ |
| Wav |
|
√ |
√ |
|
√ |
IE8以及IE8以下不支持HTML5的audio標簽
HTML ***udio屬性
1.autoplay:***可選值為autoplay，出現(xiàn)autoplay屬性并準確賦值時，音頻將會自動播放
2.controls：***可選值為controls，出現(xiàn)controls屬性并準確賦值時，音頻播放控件將會顯示，控件包括：播放、暫停、定位、音量、全屏切換、字幕（如果可用）、音軌（如果可用）。
3.loop：***可選值為loop，出現(xiàn)loop屬性并準確賦值時，音頻將會循環(huán)播放。
4.preload：可選值有auto(當頁面加載后載入整個音頻)、meta(當頁面加載后只載入元數(shù)據(jù))和none(當頁面加載后不載入音頻) 如果設置了前面的autoplay屬性，那么preload將會被忽略。
5.src：指定音頻URL地址，可以是相對的URL也可以是絕對的URL 當然還可以像第2和第3個例子一樣，用source標簽來指定源。
原文鏈接：http://www.itluren.com/apply-html5-audio-to-web.html
本文名稱：如何在網頁中應用HTML5音頻
文章鏈接：
http://uogjgqi.cn/article/dhpccsc.html
掃二維碼與項目經理溝通
我們在微信上24小時期待你的聲音
解答本文疑問/技術咨詢/運營咨詢/技術建議/互聯(lián)網交流
