項目:iview-admin
<video controls="controls" autoplay="autoplay">
<source src="movie.ogg" type="video/ogg" />
<source src="movie.mp4" type="video/mp4" />
</video>
需求:登錄自動播放提示音搔体,且每間隔5分鐘自動播放一次
問題:瀏覽器提示報錯-->Uncaught (in promise) DOMException: play() failed because the user didn't interac
分析:瀏覽器為了提高用戶體驗和泌,減少性能消耗盆均,只有在發(fā)生用戶行為的時候才可以播放音頻或視頻奥此。而頁面加載,定時請求不屬于用戶行為证舟,因此被禁止自動播放
解決辦法:
1拴曲,如果是視頻文件,可以使用muted士修,靜音模式播放視頻
<video controls muted>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
</video>
2枷遂,設(shè)置chrome屬性(缺點:只能解決自己終端的問題)
??1)、 打開chrome
??2)棋嘲、輸入 chrome://flags/#autoplay-policy
??3)酒唉、點擊default,選擇 Setting No user gesture is required
??4)沸移、 重啟chrome
3痪伦,使用iframe播放(親測可行)
??利用js在請求后,動態(tài)創(chuàng)建iframe
let iframe = document.createElement('iframe');
iframe.src="./src/music/8858.mp3";
document.body.appendChild(iframe);
以上雹锣。