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 Christian Kaindl publishes a new post

More fromĀ Christian Kaindl