前言：做前端幾年，代碼的專業(yè)度遠遠不夠，所以只能分享一些實用技巧，陸續(xù)會更新。沒有高級的語言，只是把這些年踩的坑分享出來，希望給大家節(jié)省一些時間。
play() failed because the user didn't interact with the document first.
網(wǎng)頁音頻播放頻繁的時候，各大瀏覽器都會禁用。之前我也在網(wǎng)上查了很多方法，有復雜的，有簡單的，因為我們的客戶體量大，電腦配置低各種問題，后來用了2個算是比較安全的方法
方法一：
--args --autoplay-policy=no-user-gesture-required
注意最后要有空格
image.png
image.png
然后打開谷歌，新建測試頁
let n = new Audio();
let url = "http://tts.baidu.com/text2audio?cuid=baike&lan=ZH&spd=4&ctp=1&pdt=301&vol=9&rate=32&per=0&tex=" + encodeURI('測試');
n.src = url;
n.play();
方法二：iframe嵌入
image.png
image.png
<iframe
ref="iframe"
src={this.state.url}
width="100%"
height={0}
allow="autoplay 'src'"
frameBorder="0"
/>
PC這兩種方法都適用，但是移動端有些兼容
安卓網(wǎng)頁打開可以用第二種方法，iframe，
IOS網(wǎng)頁打開暫時還沒找到解決辦法，如果大家有好的方法，可以留言
