Switch from Audio to AudioContext to play music

last edit: november 30th 2016 (specs added)

The Audio media element works well, but we need the power of AudioContext to add effects, play without interruptions, easy cross fade ect.

That’s a huge work.

Tasks

Those are hints on how to accomplish this, these may change depending of our needs. More over, they more explain how “a player work” than “how it should be done”

• Re-implement the lib/player.js Interface (already existing)
  • play()
  • pause()
  • [ ] stop()
  • mute()
  • unmute()
  • setAudioVolume()
  • setAudioPlaybackRate()
  • Unload track and load another one (ex-setAudioSrc())
  • Seek to a certain time (ex-setAudioCurrentTime())
  • + the few utils of player.js
• Emits corresponding events (may not be needed anymore)
  • play: new track is being played
  • pause: the whole thing is paused
  • ended: the track ended
  • timeupdate: same than HtmlMediaElement
  • error: means what it means

Hints

• lib/player.js can use Audio tags as they can be used as sources for AudioContext

Help

• Example play/pause with AudioContext http://jsbin.com/lenapigo/1/edit?html,css,js,output

This issue is required to eventually do #127 #31 #114

[martpie]

This issue is just about AudioContext, for other things, issues already exist or create another ones.

[s0]

I’ve effectively implemented this in https://github.com/s0/museeks/blob/synesthesia/src/ui/lib/player.ts, as part of the work towards #31 (see https://github.com/martpie/museeks/issues/31#issuecomment-598853728).

Hopefully I’ll soon have a PR open that will address this issue and #31.