Strona główna Odkrywaj Pomoc
Zaloguj się
bachir
/
edlp_d8
1
0
Forkuj 0
Pliki Problemy 8 Oczekujące zmiany 0 Wiki
Drzewo: 0942e9a212
Gałęzie Tagi
edlp_d8
/
libraries
/
wavesurfer
/
example
/
angular-material
/
index.html

index.html 2.8 KB
Historia Czysty

123456789101112131415161718192021222324252627282930313233343536373839404142434445 
  1. <html ng-app="mdWavesurferApp">
    2. 

  2. <head>
    3. 

  3.     <title>wavesurfer.js | Angular Material</title>
    4. 

  4.     <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    5. 

  5.     <meta name="viewport" content="width=device-width, initial-scale=1">
    6. 

  6.     <link href='http://fonts.googleapis.com/css?family=Roboto:400,500' rel='stylesheet' type='text/css'>
    7. 

  7.     <link href='https://cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.2.0/css/material-design-iconic-font.min.css'
    8. 

  8.           rel='stylesheet' type='text/css'>
    9. 

  9.     <link href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.9.1/styles/github.min.css" rel="stylesheet">
    10. 

  10.     <link href="https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.0.0-rc3/angular-material.min.css"
    11. 

  11.           rel="stylesheet" type="text/css"/>
    12. 

  12. 

  13.     <link rel="stylesheet" href="main.css"/>
    14. 

  14.     <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.7/angular.min.js"></script>
    15. 

  15.     <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.7/angular-animate.min.js"></script>
    16. 

  16.     <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.7/angular-aria.min.js"></script>
    17. 

  17.     <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.0.0-rc3/angular-material.min.js"></script>
    18. 

  18.     <script type="text/javascript" src="../../dist/wavesurfer.js"></script>
    19. 

  19.     <script type="text/javascript" src="wavesurfer.directive.js"></script>
    20. 

  20.     <script type="text/javascript" src="main.js"></script>
    21. 

  21. 

  22. </head>
    23. 

  23. <body ng-controller="MainController">
    24. 

  24.   <md-wavesurfer-audio player-wave-color="gray" player-progress-color="black"
    25. 

  25.                        player-backend="MediaElement">
    26. 

  26.     <!-- This is analogous to HTML <source> element -->
    27. 

  27.     <md-wavesurfer-source src="../media/demo.wav" title="czskamaarù – Trou"></md-wavesurfer-source>
    28. 

  28.     <md-wavesurfer-source src="../panner/media.wav" title="日本人の話し"></md-wavesurfer-source>
    29. 

  29.     <md-wavesurfer-source src="../elan/transcripts/001z.mp3"
    30. 

  30.                           title="Рассказы о сновидениях"></md-wavesurfer-source>
    31. 

  31.     <!-- <md-wavesurfer-source -->
    32. 

  32.     <!--    src="http://download.wavetlan.com/SVV/Media/HTTP/MP3/Nero_SmartTrax/NeroSmartTrax_test1_MPEG2_Stereo_CBR_48kbps_22050Hz.mp3" -->
    33. 

  33.     <!--    title="Remote: Nero SmartTrax- Test 1"></md-wavesurfer-source> -->
    34. 

  34.     <!-- <md-wavesurfer-source -->
    35. 

  35.     <!--    src="http://download.wavetlan.com/SVV/Media/HTTP/MP3/Nero_SmartTrax/NeroSmartTrax_test2_MPEG1_Mono_CBR_64kbps_44100Hz.mp3" -->
    36. 

  36.     <!--    title="Remote: Nero SmartTrax- Test 2"></md-wavesurfer-source> -->
    37. 

  37. 

  38.     <!-- Long list, using previously loaded files, need to test container.-->
    39. 

  39.     <md-wavesurfer-source ng-repeat="item in longList" src="{{item.url}}"
    40. 

  40.                           title="{{item.title}}"></md-wavesurfer-source>
    41. 

  41. 

  42. 

  43.   </md-wavesurfer-audio>
    44. 

  44. </body>
    45. 

  45. </html>
    46.