Wavesurfer.js無法從本地或從服務器加載

Question

有人可以在這里發現問題嗎？

<script>
  var wavesurfer = WaveSurfer.create({
    container: '#waveform',
    waveColor: 'violet',
    progressColor: 'purple'
  });

  var song = 'http://ia902606.us.archive.org/35/items/shortpoetry_047_librivox/song_cjrg_teasdale_64kb.mp3'
  wavesurfer.load(song);
  wavesurfer.on('ready', function () {wavesurfer.play();});
</script>

Wavesurfer網站上的上述代碼示例正在運行。 如果我在本地使用SAME mp3初始化該變量：var song ='audio / song_cjrg_teasdale_64kb.mp3'

或者我從服務器初始化變量：var song =' http : //jamesdoe.byethost9.com/jonikae/audio/song_cjrg_teasdale_64kb.mp3 '

兩者都不起作用。 有誰能夠確定為什么waveurfer無法合作？

Answer 1

首先，您需要將Wavesurfer.js包含到文檔中。 然后， 您應該在文檔中有任何容器 （選擇了“容器”屬性WaveSurfer.create（{}）;）。 在容器初始化后運行腳本 （在創建容器時最好在文檔末尾）也很重要 。

<!DOCTYPE html>
<html>
    <head>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/wavesurfer.js/1.0.52/wavesurfer.min.js"></script>
    </head>
    <body>
        <div id="waveform"></div>
    </body>
    <script>
        var wavesurfer = WaveSurfer.create({
             container: '#waveform',
             waveColor: 'violet',
             progressColor: 'purple'
         });

         var song = 'http://ia902606.us.archive.org/35/items/shortpoetry_047_librivox/song_cjrg_teasdale_64kb.mp3'
         wavesurfer.load(song);
         wavesurfer.on('ready', function () {wavesurfer.play();});
    </script>
</html>

UPD在waveurfer-js網站上的include腳本中也有一個錯誤。

<scriptsrc="//cdnjs.cloudflare.com/ajax/libs/wavesurfer.js/1.0.52/wavesurfer.min.js"></script>

應該是這樣

<script src="https://cdnjs.cloudflare.com/ajax/libs/wavesurfer.js/1.0.52/wavesurfer.min.js"></script>

Wavesurfer.js無法從本地或從服務器加載

問題描述

1 個解決方案

解決方案1
1 已采納 2016-12-08 13:57:24

Wavesurfer.js無法從本地或從服務器加載

問題描述

1 個解決方案

解決方案1 1 已采納 2016-12-08 13:57:24

解決方案1
1 已采納 2016-12-08 13:57:24