Fork me on GitHub

Interactive demo

Interact with the directive through this demo page.

Simple Play

currentTrack: [[ mediaPlayer.currentTrack ]]

: [[ mediaPlayer.formatTime ]]

volume: [[ mediaPlayer.volume * 100 | number:0 ]]%

[[ mediaPlayer.formatTime ]]/[[ mediaPlayer.formatDuration ]]

Interactive playlist

Keep track of this demo playlist in real-time

You can drag songs in this table, to re-order them!

#	Src	Type
[[ $index+1 ]]	...[[ song.src \| limitTo:-50 ]]	[[ song.type ]]

Add audio track

Just click any of those sample songs to get added to your interactive playlist

#	Artist	Title
[[ $index+1 ]]	[[ song.artist ]]	[[ song.title ]]

player status in realtime

  
    mediaPlayer = {
      playing: [[ mediaPlayer.playing ]]
      currentTrack: [[ mediaPlayer.currentTrack ]]
      tracks: [[ mediaPlayer.tracks ]]
      volume: [[ mediaPlayer.volume ]]
      formatDuration: [[ mediaPlayer.formatDuration ]]
      duration: [[ mediaPlayer.duration ]]
      currentTime: [[ mediaPlayer.currentTime ]]
      formatTime: [[ mediaPlayer.formatTime ]]
      loadPercent: [[ mediaPlayer.loadPercent ]]
    };