| 123456789101112131415161718192021222324252627282930313233343536373839404142434445 |
- <html ng-app="mdWavesurferApp">
- <head>
- <title>wavesurfer.js | Angular Material</title>
- <meta http-equiv="content-type" content="text/html; charset=UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <link href='http://fonts.googleapis.com/css?family=Roboto:400,500' rel='stylesheet' type='text/css'>
- <link href='https://cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.2.0/css/material-design-iconic-font.min.css'
- rel='stylesheet' type='text/css'>
- <link href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.9.1/styles/github.min.css" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.0.0-rc3/angular-material.min.css"
- rel="stylesheet" type="text/css"/>
- <link rel="stylesheet" href="main.css"/>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.7/angular.min.js"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.7/angular-animate.min.js"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.7/angular-aria.min.js"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.0.0-rc3/angular-material.min.js"></script>
- <script type="text/javascript" src="../../dist/wavesurfer.js"></script>
- <script type="text/javascript" src="wavesurfer.directive.js"></script>
- <script type="text/javascript" src="main.js"></script>
- </head>
- <body ng-controller="MainController">
- <md-wavesurfer-audio player-wave-color="gray" player-progress-color="black"
- player-backend="MediaElement">
- <!-- This is analogous to HTML <source> element -->
- <md-wavesurfer-source src="../media/demo.wav" title="czskamaarù – Trou"></md-wavesurfer-source>
- <md-wavesurfer-source src="../panner/media.wav" title="日本人の話し"></md-wavesurfer-source>
- <md-wavesurfer-source src="../elan/transcripts/001z.mp3"
- title="Рассказы о сновидениях"></md-wavesurfer-source>
- <!-- <md-wavesurfer-source -->
- <!-- src="http://download.wavetlan.com/SVV/Media/HTTP/MP3/Nero_SmartTrax/NeroSmartTrax_test1_MPEG2_Stereo_CBR_48kbps_22050Hz.mp3" -->
- <!-- title="Remote: Nero SmartTrax- Test 1"></md-wavesurfer-source> -->
- <!-- <md-wavesurfer-source -->
- <!-- src="http://download.wavetlan.com/SVV/Media/HTTP/MP3/Nero_SmartTrax/NeroSmartTrax_test2_MPEG1_Mono_CBR_64kbps_44100Hz.mp3" -->
- <!-- title="Remote: Nero SmartTrax- Test 2"></md-wavesurfer-source> -->
- <!-- Long list, using previously loaded files, need to test container.-->
- <md-wavesurfer-source ng-repeat="item in longList" src="{{item.url}}"
- title="{{item.title}}"></md-wavesurfer-source>
- </md-wavesurfer-audio>
- </body>
- </html>
|
