我正在尋找自動播放回圈音頻而不會被瀏覽器阻止。
代碼 :
<audio id="audio1" src="assest/sound/1.mp3" autoplay="" />
<script>
a = document.getElementById('audio1');
a.onended = function(){setTimeout("a.play()", 1000)}
</script>
我當前的代碼在 Firefox 上運行,但默認情況下它被阻止,我必須手動允許自動播放,以便它可以播放音頻,而在 chrome 的另一側,音頻甚至沒有播放。
編輯:
iframe 代碼:
<iframe src="assest/sound/1.mp3" allow="autoplay" style="display:none" id="iframeAudio">
</iframe>
我什至嘗試過 iframe 自動播放代碼,但它仍然無法使用 chrome。iframe 代碼自動觸發音頻檔案的自動下載。
有什么解決辦法嗎?
uj5u.com熱心網友回復:
帶 HTML
<audio controls autoplay loop hidden>
<source src="assest/sound/1.mp3" type="audio/mpeg">
</audio>
uj5u.com熱心網友回復:
請查看此檔案以了解您面臨的問題:https : //developer.mozilla.org/en-US/docs/Web/Media/Autoplay_guide。
如檔案中所述:
作為一般規則,您可以假設只有在以下至少一項為真時才允許媒體自動播放:
- 音頻靜音或音量設定為 0
- 用戶與網站進行了互動(通過點擊、敲擊、按鍵等)
- 如果該網站已被列入許可名單;如果瀏覽器確定用戶頻繁使用媒體,這可能會自動發生,或者通過首選項或其他用戶界面功能手動發生
- 如果自動播放功能策略用于授予一個及其檔案的自動播放支持。
我認為一個合理的方法是讓用戶首先與您的網站進行互動。例如:
- 顯示頁內彈出視窗,用戶點擊關閉它;
- 詢問用戶是否想聽音樂;
- ...
在他們與您的站點互動后,您可以運行腳本來播放音頻而不會被瀏覽器阻止。
轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/397380.html
標籤:javascript php html 查询 css
上一篇:背景影像通過滾動增加大小
