wavesurfer.js/example/angular-material/main.js

Interactive navigable audio visualization using Web Audio and Canvas

/**
 * Created by intelWorx on 19/11/2015.
 */
(function () {
  'use strict';
  angular.module('mdWavesurferApp', ['mdWavesurfer'])
    .config(function ($mdIconProvider) {
      //$mdIconProvider.fontSet('zmdi', 'fontawesome');
    })
    .controller('MainController', ['$scope',
      function ($scope) {
        $scope.urls = ["../media/demo.wav", "../panner/media.wav", "../elan/transcripts/001z.mp3"];
        $scope.longList = [];
        for (var i = 0; i < 100; i++) {
          $scope.longList.push({
            title: 'Long List test: ' + i,
            url: $scope.urls[Math.floor(3 * Math.random())]
          });
        }
      }])
})();