JavaScript sound object addEventListener may not work in Chrome iPad

Question

I have two functions in JavaScript . Its working tone is in the Windows 7 Chrome function, but loadedAudio_chrome does not start on the IPAD .

 function preloadAudio_chrome(url) { try { var audio = new Audio(); audio.addEventListener('canplaythrough', loadedAudio_chrome, false); //audio.src = filePath; } catch (e) { alert(e.message); } } function loadedAudio_chrome() { //alert('not firing this alert on IPAD'); } 

Answer 1

It seems that you are missing audio.load () from your fragment, try adding this as shown below and it should work.

 function preloadAudio_chrome(url) { try { var audio = new Audio(); audio.addEventListener('canplaythrough', loadedAudio_chrome, false); // EDIT HERE ADD audio.load(); audio.load(); } catch (e) { alert(e.message); } }