Angular Audio Component Player - HTML5/ES6
npm i angular-audio-player-html5-es6
<html data-ng-app="app">
<head>
<meta charset="utf-8">
<title>Angular Audio Player Component - HTML5/ES6</title>
<link rel="stylesheet" href="src/component/style.css">
</head>
<body data-ng-controller="AppController as ctrl">
<!-- Component Audio Player -->
<audio-player options="ctrl.options" musics="ctrl.list"></audio-player>
<!-- /Component Audio Player -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
<script src="dist/bundle.min.js"></script>
<script src="app.js"></script>
</body>
</html>angular
.module('app', ['audio.player'])
.controller('AppController', ['$scope', function ($scope) {
var ctrl = this;
ctrl.options = {
title: 'Audio Component',
autoplay: true,
loop: false,
random: true,
origin: 'anonymous' // Optional, anonymous is default
}
ctrl.list = [
{
artist: 'Raimundos',
title: 'Baily Funk',
album: 'Lapadas do povo',
value: 'src/musics/Raimundos-Baily_Funk.mp3'
},
{
artist: 'Sepultura',
title: 'Refuse/Resist',
album: 'Chaos A.D.',
value: 'src/musics/Sepultura-Refuse_Resist.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 ;)
| Version | Description |
|---|---|
| 1.0.0 | Upping Angular Audio Player Component |
| 2.0.0 | Config changed in component and code improvements |
| Command | Description |
|---|---|
| npm run dev | Concat, Babelify |
| npm run build | Concat, Babelify and Minify |
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent