Large Heydon Collider6d ago

The HTML cat is out of the Web Audio bag. I've finally released HYPERBLAM.

It’s my system for sampling, processing, and sequencing sound and music directly in HTML.

https://hyperblam.how

Hyperblam Docs Home

Documentation for HyperBlam. Make HTML make music.

HYPERBLAM
Show threadRudiger Meyer6d ago
@heydon Amazing! Pity it doesn’t work in Safari though.
Show threadLarge Heydon Collider6d ago
@rudigermeyer Thank you, but could you please not say unqualified stuff like that? It works in my Safari (Desktop). What specific problem are you experiencing?
Show threadRudiger Meyer6d ago
@heydon I get the little audio player at the center of the screen, but no sounds and no animations. The little speaker icon in the Safari search window does light up when I click on the play triangle though.
Show threadLarge Heydon Collider6d ago
@rudigermeyer Hmmm. Would you mind seeing if this demo works? (it doesn't use the native audio player) https://hyperblam.how/examples/07-tape-emulation/
Tape emulation

Documentation for HyperBlam. Make HTML make music.

HYPERBLAM
Show threadRudiger Meyer6d ago
@heydon It works fine on my iPad, but for some reason not on my iPhone.
Show threadJamie Teh6d ago
@rudigermeyer Potentially silly question: was your iPhone set to silent? I vaguely recall Safari just doesn't do web audio at all if the device is set to silent. @heydon
Show threadRudiger Meyer6d ago
@jcsteh @heydon
It was set to silent. Have since switched that off, but now it doesn’t seem to be loading, just get loading… where the audio player used to be (on the phone).
Show threadRudiger Meyer6d ago
@jcsteh @heydon After switching off the silent button, the non-native demo above is working.
Show threadLarge Heydon Collider
@rudigermeyer @jcsteh I have fixed the `<media-blam>`/`<audio>` examples, I believe. I had to explicitly call audioContext.resume() on the `play` event. Check out this example: https://hyperblam.how/examples/05-babys-first-blam/
Baby’s first blam

Documentation for HyperBlam. Make HTML make music.

HYPERBLAM
Jun 22 at 12:20pmWeb
Show threadRudiger Meyer6d ago
@heydon @jcsteh Yes, all the examples seem to be working fine now! 😃
Show threadLarge Heydon Collider6d ago
@rudigermeyer @jcsteh Phew!!!! I owe you one. Free copy of my font?
Show threadRudiger Meyer6d ago
@heydon @jcsteh No worries. You’re welcome! Desktop and iPad are good, but with the phone I have to flip to landscape orientation to get the examples working. Once they’re running I can change back to portrait and it continues to work. Something with the animations it seems.
Show threadLarge Heydon Collider6d ago
@rudigermeyer @jcsteh Oh! Weird.
Show threadRudiger Meyer6d ago
@heydon @jcsteh Actually it’s the little audio player that doesn’t show until changing to landscape. Once it appears and I can tap on play, I can change back.
Show threadLarge Heydon Collider6d ago
@rudigermeyer @jcsteh Hmm which example/page are you looking at?
Show threadRudiger Meyer6d ago
@heydon @jcsteh The first 5, up to and including Baby’s First Blam