Howler.js: simple audio player that works on iPhone?

[joesnow]

I'm testing an audio player using howler. It works for Mac desktop in Chrome, Firefox, Safari; iPad Safari; Moto G with Android 6. But no sound from an iPhone SE, iOS 12.2. It apparently loads and plays with no error, just no sound. Any suggestions on how to get this to work would be appreciated!

Here is the code:

<style type="text/css">
  .starterButton {
width: 465px;
height: 166px;
line-height: 53px;
margin-left: auto;
margin-right: auto;
text-align: center;
background-color: rgb(204, 204, 204);
margin-top: 193px;
cursor: pointer;
font-family: sans-serif;
position: relative;
font-family: monospace;
font-size: 26px;

}
.starterButton:active {
background-color: #FFB729;
color: white;
}
span {
font-size: 36px;
margin-right: 5px;
font-family: monospace;
}

View in landscape

Click to start

========================

[joesnow]

here is the online link:
http://instantplaces.ca/gsap-howler-combine-180619/howler-200421-touch-5.html

[xerosanyam]

hi @joesnow
try, html5:true & see if it works.

[MartinTremblay]

I have a similar problem, but weirder.

I'm using sprites (around 10 minutes of audio split into around 60 sprites). It work fine everywhere, but on ios I can hear only the first 10 sprites. But the real weird is that if I connect bluetooth headphone or speaker I can hear all 60 sprites correctly.

If I didn't experienced it myself I would have tought that the tester were crazy, but here I am,

[andrewjensen]

I was having a similar problem with _some_ iOS devices but not others. Loading sounds with html5: true resolved the issue.

[Priyanka1122]

@andrewjensen
with html5: true sound is playing now but it stops the progress bar