Fork me on GitHub

Dev Test Page

Intent of this page is to interact directly with angular-media-player from your browser.

Simple Play

currentTrack: [[ mediaPlayer.currentTrack ]]

: [[ mediaPlayer.formatTime ]]

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

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

how-to

Just open your favourite browser console and type:

var angularmp = angular.element(document.querySelector('audio')).scope().mediaPlayer;
var angularpl = angular.element(document.querySelector('audio')).scope().mediaPlaylist;

You've just accessed the mediaPlayer and its playlist.
Push an element to the playlist with:

angularpl.push({ src: '<srchere>', type: '<typehere>'});

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 ]]
    };


  browser: [[ browser ]]