關於谷歌瀏覽器不支持html5中audio的autoplay解決方法（js代碼解決）

當咱們直接寫autoplay時，在chrome中瀏覽器並無自動播放音頻；

若是直接經過js來調用audio的play()方法也不行；

 

 

 控制檯還會報錯

 

大概意思：play()調用失敗，由於用戶沒有與文檔進行交互

 

通過網上的查找：原博客：https://blog.csdn.net/baiding1123/article/details/104945759

谷歌爲優化用戶體驗關閉了audio中的autoplay方法（屏蔽廣告和節省用戶流量）；

那麼如何實現autoplay呢，既然報錯說用戶沒有與文檔交互，咱們就設置一個事件使用戶與文檔交互就好了；以下給整個頁面添加一個點擊事件

 

 此時，當用戶點擊頁面後就會觸發play();chrome也不會報錯，而且開始播放音樂

 

 親測把onclick事件換成onmousemove後（想優化用戶體驗），但仍是須要點擊頁面才能觸發play（），至關於把audio的點擊播放綁定在整個window上面；

 

借鑑此博客的更改：https://blog.csdn.net/baiding1123/article/details/104945759