這篇文章主要為大家展示了html5中audio標(biāo)簽怎么用,內(nèi)容簡(jiǎn)而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶大家一起來(lái)研究并學(xué)習(xí)一下“html5中audio標(biāo)簽怎么用”這篇文章吧。
創(chuàng)新互聯(lián)建站專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于成都網(wǎng)站制作、網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、任縣網(wǎng)絡(luò)推廣、小程序設(shè)計(jì)、任縣網(wǎng)絡(luò)營(yíng)銷、任縣企業(yè)策劃、任縣品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等,從售前售中售后,我們都將竭誠(chéng)為您服務(wù),您的肯定,是我們最大的嘉獎(jiǎng);創(chuàng)新互聯(lián)建站為所有大學(xué)生創(chuàng)業(yè)者提供任縣建站搭建服務(wù),24小時(shí)服務(wù)熱線:028-86922220,官方網(wǎng)址:muchs.cn
1、簡(jiǎn)易性:超級(jí)文本標(biāo)記語(yǔ)言版本升級(jí)采用超集方式,從而更加靈活方便,適合初學(xué)前端開(kāi)發(fā)者使用。 2、可擴(kuò)展性:超級(jí)文本標(biāo)記語(yǔ)言的廣泛應(yīng)用帶來(lái)了加強(qiáng)功能,增加標(biāo)識(shí)符等要求,超級(jí)文本標(biāo)記語(yǔ)言采取子類元素的方式,為系統(tǒng)擴(kuò)展帶來(lái)保證。 3、平臺(tái)無(wú)關(guān)性:超級(jí)文本標(biāo)記語(yǔ)言能夠在廣泛的平臺(tái)上使用,這也是萬(wàn)維網(wǎng)盛行的一個(gè)原因。 4、通用性:HTML是網(wǎng)絡(luò)的通用語(yǔ)言,它允許網(wǎng)頁(yè)制作人建立文本與圖片相結(jié)合的復(fù)雜頁(yè)面,這些頁(yè)面可以被網(wǎng)上任何其他人瀏覽到,無(wú)論使用的是什么類型的電腦或?yàn)g覽器。
直到現(xiàn)在,仍然不存在一項(xiàng)旨在網(wǎng)頁(yè)上播放音頻的標(biāo)準(zhǔn)。今天,大多數(shù)音頻是通過(guò)插件(比如 Flash)來(lái)播放的。然而,并非所有瀏覽器都擁有同樣的插件。HTML5 規(guī)定了一種通過(guò) audio 元素來(lái)包含音頻的標(biāo)準(zhǔn)方法,audio 元素能夠播放聲音文件或者音頻流。
當(dāng)前,audio 元素支持Ogg Vorbis,Mp3,Wav這三種音頻格式,這是音頻格式瀏覽器支持情況如下:
音頻格式 | IE 9 | Firefox 3.5 | Opera 10.5 | Chrome 3.0 | Safari 3.0 |
---|---|---|---|---|---|
Ogg Vorbis | √ | √ | √ | ||
MP3 | √ | √ | √ | ||
Wav | √ | √ | √ |
audio元素的controls 屬性供添加播放、暫停和音量控件,<audio> 與 </audio> 之間插入的內(nèi)容是供不支持audio 元素的瀏覽器顯示的,source 元素可以鏈接不同的音頻文件,解決瀏覽器兼容音頻格式問(wèn)題,下面使用了二個(gè)source元素實(shí)現(xiàn)上面五個(gè)瀏覽器都能播放該音頻。簡(jiǎn)單代碼如下:
<audio controls="controls">該瀏覽器不支持該格式音頻的播放 <source src="../videoAudio/1.mp3"></source> <source src="../videoAudio/1.wav"></source> </audio>
使用自定義的按鈕實(shí)現(xiàn)controls屬性的播放與暫停功能,代碼如下:
<button onclick="controlPlay()">播放/停止</button> <audio id="vioce" >該瀏覽器不支持該格式音頻的播放 <source src="../videoAudio/1.mp3"></source> <source src="../videoAudio/1.wav"></source> </audio> <script> var voice =document.getElementById("vioce"); function controlPlay(){ if(voice.paused){//判斷是否停止了 voice.play();//播放 } else{ voice.pause();//停止 } } </script>
1.首先下載ffmpeg,輸入網(wǎng)址www.ffmpeg.org(開(kāi)源網(wǎng)址),進(jìn)入windows中進(jìn)行下載windows版本的文件。
2.解壓ffmpeg壓縮文件(以ffmpeg-20180803-5aeb3b0-win32-static.zip為例),再環(huán)境變量path中增加ffmpegbin目錄的路徑(G:\mydeveloperapplication\hbuilder\html5\ffmpeg-20180803-5aeb3b0-win32-static\bin)。
3.環(huán)境變量設(shè)置好后,然后在DOS命令窗體中鍵入ffmpeg,測(cè)試是否可運(yùn)行。
4. 在DOS命令窗體中 切換到mp3音頻文件就在的目錄,最后鍵入ffmpeg -i 1002_c.wav -f mp3 -acodec libmp3lame -y 2.mp3(這里是將1002_c.wav裝換成2.mp3)。
5.ffmpeg其他音頻格式的轉(zhuǎn)換以及常用命令。
相關(guān)文章推薦:
html5中video(視頻)元素的分析
svg中<marker>元素的使用及marker屬性的介紹
以上就是關(guān)于“html5中audio標(biāo)簽怎么用”的內(nèi)容,如果改文章對(duì)你有所幫助并覺(jué)得寫得不錯(cuò),勞請(qǐng)分享給你的好友一起學(xué)習(xí)新知識(shí),若想了解更多相關(guān)知識(shí)內(nèi)容,請(qǐng)多多關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
網(wǎng)頁(yè)名稱:html5中audio標(biāo)簽怎么用
瀏覽路徑:http://muchs.cn/article32/jpihsc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站設(shè)計(jì)、網(wǎng)站收錄、、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)公司、網(wǎng)站設(shè)計(jì)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)