4 ms·

Nice work! It might be nice to hint to iOS users that they should disable silent mode via the little side toggle if they want to hear anything. Just a quirk of

Nice work! It might be nice to hint to iOS users that they should disable silent mode via the little side toggle if they want to hear anything. Just a quirk of iOS that took me literally years to figure out -- I assumed it just didn't support the Web Audio API and went on with my life.

donbrae 2y ago
Or as the developer you can play some silent audio in the background via an `<audio>` element: https://github.com/donbrae/onscreen-piano-keyboard/blob/main/src/index.js#L160-L179 https://github.com/donbrae/onscreen-piano-keyboard/blob/main.... This will ensure the Web Audio API produces sound even with the ‘silent’ switch active.
- wesz 2y ago
  Interesting, i already do something similar and never had a chance to check if it really works. Here is my code: var buffer = dm.audio.createBuffer(1, 1, dm.samplerate); var source = dm.audio.createBufferSource(); source.buffer = buffer; source.connect(dm.audio.destination); if (source.start) { source.start(0); } else { source.noteOn(0); }
  - jaflo 2y ago
    I believe you need to use the audio element specifically. The Web Audio API is subject to different restrictions than the audio element. I used a similar approach on Audjust: https://www.audjust.com/blog/unmute-web-audio-on-ios/ https://www.audjust.com/blog/unmute-web-audio-on-ios/ (nice site you created btw! I love seeing audio stuff for the web)
    - wesz 2y ago
      Thanks mate! I'll implement your solution:)
- matteason 2y ago
  I hit this on https://ambiph.one https://ambiph.one - my solution ended up being similar (use an <audio> element) but because I also wanted audio to play in the background and when the screen is off there's an extra step of tricking Safari into thinking it's playing a livestream, since apparently that's the only kind of audio Apple thinks should be allowed to play in the background. Coincidentally someone asked me about this the other day so I put together a minimal demo here in case it's useful to anyone: https://codepen.io/matteason/pen/VYwdzVV https://codepen.io/matteason/pen/VYwdzVV
MomsAVoxell 2y ago
Do you mean the hardware slide toggle? I’m on an iPad on iOS and I can’t get sound working, no matter what. My iPad doesn’t have a mute toggle.
- bqmjjx0kac 2y ago
  Yes, exactly. This is on an iPhone, to be clear. Maybe the control center on iPads has an equivalent software toggle? Sorry, that probably isn't very helpful.
moritzwarhier 2y ago
Thanks, I fiddled with the volume and would have given up without your advice. And this web app is indeed very cool. Enviable idea & execution!

donbrae 2y ago

Or as the developer you can play some silent audio in the background via an `<audio>` element: https://github.com/donbrae/onscreen-piano-keyboard/blob/main/src/index.js#L160-L179 https://github.com/donbrae/onscreen-piano-keyboard/blob/main.... This will ensure the Web Audio API produces sound even with the ‘silent’ switch active.

wesz 2y ago
Interesting, i already do something similar and never had a chance to check if it really works. Here is my code: var buffer = dm.audio.createBuffer(1, 1, dm.samplerate); var source = dm.audio.createBufferSource(); source.buffer = buffer; source.connect(dm.audio.destination); if (source.start) { source.start(0); } else { source.noteOn(0); }
- jaflo 2y ago
  I believe you need to use the audio element specifically. The Web Audio API is subject to different restrictions than the audio element. I used a similar approach on Audjust: https://www.audjust.com/blog/unmute-web-audio-on-ios/ https://www.audjust.com/blog/unmute-web-audio-on-ios/ (nice site you created btw! I love seeing audio stuff for the web)
  - wesz 2y ago
    Thanks mate! I'll implement your solution:)
matteason 2y ago
I hit this on https://ambiph.one https://ambiph.one - my solution ended up being similar (use an <audio> element) but because I also wanted audio to play in the background and when the screen is off there's an extra step of tricking Safari into thinking it's playing a livestream, since apparently that's the only kind of audio Apple thinks should be allowed to play in the background. Coincidentally someone asked me about this the other day so I put together a minimal demo here in case it's useful to anyone: https://codepen.io/matteason/pen/VYwdzVV https://codepen.io/matteason/pen/VYwdzVV

MomsAVoxell 2y ago

Do you mean the hardware slide toggle? I’m on an iPad on iOS and I can’t get sound working, no matter what. My iPad doesn’t have a mute toggle.

bqmjjx0kac 2y ago
Yes, exactly. This is on an iPhone, to be clear. Maybe the control center on iPads has an equivalent software toggle? Sorry, that probably isn't very helpful.

moritzwarhier 2y ago

Thanks, I fiddled with the volume and would have given up without your advice. And this web app is indeed very cool. Enviable idea & execution!