Note: The Listed platform will permanently shut down December 31, 2026. Your data published on Listed will still be available in your personal Standard Notes account. Learn more

Research on HTML audio - Day 1

This is the result of one day of research about HTML audio - the HTML element and the Web Audio API. I surfed through a number of MDN articles and references and looked at some libraries and tools. Lastly, I even made a little contribution to the MDN docs.

Articles (with short summaries)

https://developer.mozilla.org/en-US/Apps/Fundamentals/Audio_and_video_delivery

  • Web Audio API example and streaming
  • Tips & tricks

https://developer.mozilla.org/en-US/Apps/Fundamentals/Audio_and_video_delivery/Cross-browser_audio_basics

  • HTML audio events
  • Create custom audio controls
  • Comp tables for audio Formats (at the bottom)

https://developer.mozilla.org/en-US/Apps/Fundamentals/Audio_and_video_delivery/buffering_seeking_time_ranges

  • How to know which parts are buffered/were already played
  • TimeRange Object

https://developer.mozilla.org/en-US/Apps/Fundamentals/Audio_and_video_manipulation

  • Audio/Video manipulation and filters

https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Using_Web_Audio_API

  • Pratical instroduction into the Web Audio API

Libraries

Lib: https://howlerjs.com/ (personal recomandation)
Just for fun: https://www.talater.com/annyang/
Lib: https://521dimensions.com/open-source/amplitudejs

Showcase

Voice-Change-O-Matic: https://github.com/mdn/voice-change-o-matic


You'll only receive email when they publish something new.

More from Christian Kaindl
All posts