Plangular Boilerplate

plangular-mnml.html

<!--

    Plangular Boilerplate
    http://jxnblk.github.io/Plangular

-->

<script src="//connect.soundcloud.com/sdk.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.1.4/angular.min.js"></script>
<script src="plangular.js"></script>

<div ng-app="plangular">
  
  <div plangular data-src="'http://soundcloud.com/jxnblk/plangular'">
    <a href="" ng-click="player.play(track)" ng-hide="player.playing == track">Play</a>
    <a href="" ng-click="player.pause()" ng-show="player.playing == track">Pause</a>
    <p>{{ track.user.username }}</p>
    <h1>{{ track.title }}</h1>
    <progress value="{{ currentTime / duration }}" ng-click="seekTo($event)">{{ currentTime / duration }}</progress>
    <small>{{ currentTime | playTime }} | {{ duration | playTime }}</small>
    <a ng-href="{{ track.permalink_url }}">View on SoundCloud</a>
  </div>

</div>