Question

这是我尝试做的一个简单示例...播放3种声音，一次使用html5音频播放一次，然后一起播放。这在chrome和firefox（台式机和移动版）中效果很好，Safari会遇到各种问题。它要么根本不会扮演多重角色，要么不会同时扮演它们。音频文件非常小，质量很低，为base64格式的mp3。文件类型和/或质量似乎并不是问题所在。我已经尝试了很多文件。 Safari只是不允许声音重叠。

我知道那里有音频库可以“修复”此问题，尽管我也遇到了问题。由于我只是在寻找针对此问题的解决方案，因此我希望不必使用音频库。有谁知道快速修复。 Safari多年来一直是一个持续存在的问题。

function sound() {
  setTimeout(function(){sound1.play()},500); 
  setTimeout(function(){sound2.play()},1000); 
  setTimeout(function(){sound3.play()},1500);

setTimeout(function(){ 
  sound1.play();sound2.play();sound3.play();},2500);
}

button {
  width:200px;height:100px;margin:20px
}

<button onclick='sound()'>CLICK ME</button>

<audio id='sound1' src='data:audio/mp3;base64,SUQzAwAAAAAAFgAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/4xjAAAf4An5ZQAAAcRWmmqwwP/4Y/UNOflFhj/4fLv+UlHf/hjq////+mD60BLEAAAfQAAALJZJcbaEadEwmF36KLK3vdRv/4xjAEQpYB0JZgAIi85s5fp/uyXt/+jJ7N36Ml0aP/7D9afktIILAYXZpd1IK/+oyNwK8N/8j/hT/O/4b/y39T/9f+e/z39b/4xjAIglITyJZ0wACAf8TAIACEJpt3El//hGK/yf+J3f//bt67/4m/gYWPf2Fv7d/2XO+NSCBgFOCDb8BDGf6ieEVNf1v/rf/4xjANwkYTum4EEQG8Q//yoa//1nYd//wa+y/3//iIOjqAgC8LOSQ1jhVyuSrYrLsGhSIg8jYeAv/+zWKAAAAAAAAAAAAAAD/4xjATQloStJYEBoCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/4xjAYgcIWjFgelIEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/4xjAgAAAAlwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA='></audio>
<audio id='sound2' src='data:audio/mp3;base64,SUQzAwAAAAAAFgAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/4xjAAAegBmpRQAAAMiekTCec/yf/5R3iT/4gd/KODH///+D8hKBjg//hgLQEsQAAB9AAAAszYwgjYBECNDoR9EKutv66PbT/4xjAEgo4Ax8ZgAEg8/t/6+rP+ZV0/9zvd9OmcgT9n/+X/ygiazDM4Wh//qdf/f7ViCgqjZ//////KhPUW/////84OM1/////4xjAJAwLAuoxzWgA//STA1Hm/////+ZIgBAGkoIzxQz//2dH+ZfU2cEkgN/////+MgLv/////0hxL/////9ZdDZJM7//8SD/4xjALgtqatLQKpqQID5gzPAFHK3/+n/M/Vjh4fAaQdv////6oNipE7/////oVGpn/////sNh8Fwlf//FQECALB9A2xoAAAD/4xjAOwxabqowKc6QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/4xjARAF4GiSgSAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/4xjAeQAAAlwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA='></audio>
<audio id='sound3' src='data:audio/mp3;base64,SUQzAwAAAAAAFgAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/4xjAAAcwBmpZQAAAKyDrYoiY8Mdv+j+cKHP//Lv///4f/KQQ//4gcGC0BLEAAAfQAAALKbkcradoQFCZjDrr+qrrou9+Zdz/4xjAFAlAAyZZgAEC7rOU/8v6P//8p9C/3/cGP5MQCFBsDwQBjd//+n/0f/1I+8mAzP/////pf+kkfNwlB+I7WV///////x//4xjAKguCZub5zYAAIYKJ5xAHmygPmRDiv/+36URGn/9/oPAO/////62/1qoHwMIBJKb///////qKyAT///+WEAiaQwiGAMH/4xjANwvCXtrwEdqQgJ2//zP1K3mNVvzW9FAW///U3///o7TTgiJg9b///7T3///ypEAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/4xjAQwtRnsMYEI5sAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/4xjAUAAAAlwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/4xjAiwAAAlwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA='></audio>

为什么Safari在HTML5音频方面仍然存在问题？

0 个答案: