HTML5的Audio標(biāo)簽,目前的主流瀏覽器都支持,只不過(guò)各種瀏覽器對(duì)音頻的支持的格式不同,當(dāng)前,audio 元素支持三種音頻格式:
創(chuàng)新互聯(lián)公司專注于通河網(wǎng)站建設(shè)服務(wù)及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠(chéng)為您提供通河營(yíng)銷型網(wǎng)站建設(shè),通河網(wǎng)站制作、通河網(wǎng)頁(yè)設(shè)計(jì)、通河網(wǎng)站官網(wǎng)定制、成都微信小程序服務(wù),打造通河網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供通河網(wǎng)站排名全網(wǎng)營(yíng)銷落地服務(wù)。
IE 9 ? ? ? ? ? ? ? ?支持 ?MP3
Firefox 3.5 ? ? 支持 ?Ogg Vorbis、Wav
Opera 10.5 ? ?支持 ?Ogg Vorbis、Wav
Chrome 3.0 ? 支持 ?Ogg Vorbis、MP3
Safari 3.0 ? ? ? 支持 ?MP3、Wav
html5標(biāo)簽audio的autoplay屬性可以設(shè)置在頁(yè)面打開后自動(dòng)播放。這個(gè)屬性本來(lái)挺好的。但是最近做了一個(gè)項(xiàng)目卻發(fā)現(xiàn)在iphone上無(wú)法自動(dòng)播放。
各種查閱資料后發(fā)現(xiàn)原來(lái)iphone公司是考慮到用戶可能是用手機(jī)流量訪問(wèn)的情況,為了用戶流量著想,所以需要用戶交互后才能播放。雖然蘋果公司是出于好心,但是如果網(wǎng)頁(yè)打開之后還需要一個(gè)交互才能聽到美妙的背景音樂(lè),那么網(wǎng)站的體驗(yàn)效果自然差了很多??墒沁@種問(wèn)題要怎么解決呢?
冥思苦想了很久,終于做了一個(gè)艱難的決定。于是乎就這樣嘗試了一下:
$(function(){
$("#audio")[0].play();?
})
沒(méi)想到竟然好用?。?!
全部的代碼是這樣
html
head
script src="js/jquery.js"/script
/head
body
audio id="audio" src="song.mp3" autoplay="autoplay"
您的瀏覽器不支持audio標(biāo)簽。
/audio
$(function(){
$("#audio")[0].play();
})
/body
/html
Android 是可以通過(guò)html5的video來(lái)播放視頻的。
一、需要在AndroidManifest.xml文件中聲明需要使用HardwareAccelerate, 可以細(xì)化到Activity級(jí)別,如果不需要的View可以聲明不要用加速,但是需要在代碼中做
具體如下:
1如果要聲明整個(gè)應(yīng)用都要加速: application ... android:hardwareAccelerated ="true"
2.如果要在Activity中聲明,則:
activity ... android:hardwareAccelerated="true"
Window, getWindow.setFlags( WindowManager.LayoutParams.FLAG_HARDWARE_ACCELERATED,WindowManager.LayoutParams.FLAG_HARDWARE_ACCELERATED);
我們使用html5的video標(biāo)簽,可以不依賴于任何第三方的插件或控件,直接在瀏覽器中實(shí)現(xiàn)視頻播放功能。
在了解了video標(biāo)簽之后,下面我們就使用html5的video標(biāo)簽來(lái)實(shí)現(xiàn)視頻播放。
現(xiàn)在,我們打開瀏覽器,看一看具體的效果:
為了更好地兼容各種瀏覽器,你可以為一個(gè)video標(biāo)簽添加多個(gè)source子標(biāo)簽,每個(gè)source標(biāo)簽引用一個(gè)不同格式的視頻文件。這樣,html5瀏覽器會(huì)自動(dòng)在這些source標(biāo)簽中從上到下依次尋找并識(shí)別出該瀏覽器可以播放的第一個(gè)視頻文件并進(jìn)行播放,從而實(shí)現(xiàn)兼容多個(gè)瀏覽器的視頻播放功能。
注:html5的video標(biāo)簽?zāi)壳爸恢С植シ?mp4、.ogg、.webm等幾種格式的視頻文件,暫不支持其他格式的視頻文件。此外,不同的html5瀏覽器支持的視頻文件格式也略有不同,這種狀況可能會(huì)在未來(lái)的html5中得以改善。
1、查看視頻文件是否損壞,損壞的視頻文件是無(wú)法播放的。
2、可能是手機(jī)不支持當(dāng)前所播放的視屏格式,建議轉(zhuǎn)換格式后再播放。
3、可能是所播放的視頻尺寸超過(guò)蘋果手機(jī)所允許的最大視頻格式,建議將視頻剪輯后再播放。
4、可能是當(dāng)前網(wǎng)頁(yè)不允許播放視頻文件。
參考資料
百度經(jīng)驗(yàn).百度經(jīng)驗(yàn)
可以做到。
1、下載播放器軟件
2、關(guān)于html5語(yǔ)言的方法:使用基 于Webkit的瀏覽器如Safari/Chrome,然后登錄蘋果官方站點(diǎn),便可以用HTML5視頻標(biāo)簽功能直接用瀏覽器來(lái)播放
在瀏覽器地址欄輸入bilibili.com/html/help.html#p。
2.在隨后出現(xiàn)的畫面中點(diǎn)擊?→【試用點(diǎn)我】←,然后點(diǎn)擊開啟HTML5播放器試用
3.然后隨便點(diǎn)一個(gè)視頻點(diǎn)擊HTML5播放器就可以隨意飆車了