Почему у Safari все еще проблемы с HTML5 Audio? - PullRequest
Новая
       21

Почему у Safari все еще проблемы с HTML5 Audio?

0 голосов
/ 10 июля 2019

Вот простой пример того, что я пытаюсь сделать ... Воспроизвести 3 звука, по одному, используя звук html5, а затем воспроизвести их все вместе.Это хорошо работает в Chrome и Firefox (для настольных ПК и мобильных устройств). Safari имеет все виды проблем.Он либо вообще не будет играть многократную партию, либо не будет играть их одновременно.Аудио файлы действительно небольшие, низкого качества, mp3 в формате base64.Тип файла и / или качество, похоже, не проблема.Я перепробовал много файлов.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>
...