angular-audio-player-html5-es6

Angular Audio Component Player - HTML5/ES6

Demo

Print Screen

$3


npm i angular-audio-player-html5-es6

$3

html


  
  Angular Audio Player Component - HTML5/ES6

$3

javascript
angular
  .module('app', ['audio.player'])
  .controller('AppController', ['$scope', function ($scope) {
    var ctrl = this;
    ctrl.options = {
      autoplay: true,
      loop: false,
      random: true,
      origin: 'anonymous' // Optional, anonymous is default
    }
    ctrl.list = [
      {
        artist: 'Chasing Ghosts',
        title: 'Fallen From Grace',
        album: 'Chasing Ghosts',
        value: 'musics/Chasing_Ghosts-Fallen_From_Grace.mp3'
      },
      {
        artist: 'Sepultura',
        title: 'Refuse/Resist',
        album: 'Chaos A.D.',
        value: 'musics/Sepultura-Refuse_Resist.mp3'
      },
      {
        artist: 'Raimundos',
        title: 'Baily Funk',
        album: 'Lapadas do povo',
        value: 'musics/Raimundos-Baily_Funk.mp3'
      }
    ]
  }])

``
---

Este repositório surgiu da palestra do Willian Justen no BrazilJS 2016, que mostrou por onde começar os estudos sobre audio api. Thanks Willian ;)

---

Changelog

Version | Description
--- | ---
1.0.0 | Upping Angular Audio Player Component
2.0.0 | Config changed in component and code improvements
2.1.0 | Added elapsed and remaining time
2.2.0 | Config changed and imports HTML, CSS files
2.2.1 | Create sub-component audio-list and apply audio-list toggle animation
2.2.2 | Adding SVG icons to loop, random and also changed the npm tasks

Developer

$3

Command | Description
--- | ---
npm start | Start live server, concat, babelify and watchify changes
npm run build | Concat, Babelify and Minify