1、好像是瀏覽器兼容性的問題。用js創(chuàng)建audio對象的形式成功實(shí)現(xiàn)了點(diǎn)擊再次播放。
為陽原等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù),及陽原網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都做網(wǎng)站、網(wǎng)站建設(shè)、陽原網(wǎng)站設(shè)計,以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求,就會得到認(rèn)可,從而選擇與我們長期合作。這樣,我們也可以走得更遠(yuǎn)!
2、檢測ended屬性,根據(jù)currenttime還有durration,等它播放完之后又重新播放。
直接用audio標(biāo)簽啊,就能實(shí)現(xiàn)。只是自動播放的話,為了兼容瀏覽器和手機(jī)類型,需要另外寫js
首先,手機(jī)是不會自動播放的。而你又有isplay的0和1兩個值,看你的代碼0應(yīng)該是暫停,你初始設(shè)置的應(yīng)該是1,所以初始的時候不自動播放,但是是1,你點(diǎn)擊一次就變成了0,結(jié)果暫停,需要再點(diǎn)擊一次變成1才能自動播放。
希望對你有所幫助。望采納!
HTML5的Audio標(biāo)簽,目前的主流瀏覽器都支持,只不過各種瀏覽器對音頻的支持的格式不同,當(dāng)前,audio 元素支持三種音頻格式:
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è)置在頁面打開后自動播放。這個屬性本來挺好的。但是最近做了一個項目卻發(fā)現(xiàn)在iphone上無法自動播放。
各種查閱資料后發(fā)現(xiàn)原來iphone公司是考慮到用戶可能是用手機(jī)流量訪問的情況,為了用戶流量著想,所以需要用戶交互后才能播放。雖然蘋果公司是出于好心,但是如果網(wǎng)頁打開之后還需要一個交互才能聽到美妙的背景音樂,那么網(wǎng)站的體驗效果自然差了很多。可是這種問題要怎么解決呢?
冥思苦想了很久,終于做了一個艱難的決定。于是乎就這樣嘗試了一下:
$(function(){
$("#audio")[0].play();?
})
沒想到竟然好用?。?!
全部的代碼是這樣
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
題主的意思是要html5掃描你的手機(jī)內(nèi)存,這個好像不行哦。
你只能事先寫好音樂路徑才行吧。
這個說到底還是手機(jī)專用語言比較好實(shí)現(xiàn),Web的東西都依托于服務(wù)器,而js的功能又有限。
為了防止不必要的自動播放浪費(fèi)流量,手機(jī)網(wǎng)頁訪問帶有audio的頁面是不會自動播放的。
Safari屏蔽了autoplay,必須由用戶交互事件觸發(fā),因為autoplay在移動網(wǎng)絡(luò)環(huán)境下可能會造成用戶流量費(fèi)劇增
Android的我不清楚,下面是引自Safari Reference
In Safari on iPhone OS (for all devices, including iPad), where the
user may be on a cellular network and be charged per data unit,
autobuffering and autoplay are disabled. No data is loaded until the
user initiates it. This means the JavaScript play() and load() methods
are also inactive until the user initiates playback, unless the play()
method is triggered by user action.
網(wǎng)頁標(biāo)題:html5手機(jī)音樂,html5音樂播放器
分享路徑:http://jinyejixie.com/article42/dsecchc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供外貿(mào)建站、App開發(fā)、ChatGPT、做網(wǎng)站、建站公司、營銷型網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)