46 lines
2.8 KiB
HTML
46 lines
2.8 KiB
HTML
|
<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>
|