Wavesurferはionic 2 androidで動作しません

Question

私はIonic 2アプリケーションでWaveSurfer JavaScriptスクリプトを使用しようとしています。

私はその後、私はindex.htmlをでそれをインポートし、min.js私のWWWフォルダ以下を入れて、私は私の.TSファイルにWaveSurfer変数を宣言しました。

initContainer() { 
    this.wavesurfer = WaveSurfer.create({ 
     container: document.getElementById("container"), 
     waveColor: 'violet', 
     progressColor: 'purple' 
    }); 

    this.wavesurfer.load(this.filePath + this.directoryName + "/" + this.audioFileName);  
    } 

コンテナを初期化します。

<div id="container"><wave style="display: block; position: relative; -webkit-user-select: none; height: 128px; width: 100%; overflow-x: auto; overflow-y: hidden;"><wave style="position: absolute; z-index: 2; left: 0px; top: 0px; bottom: 0px; overflow: hidden; width: 0px; display: none; box-sizing: border-box; border-right-style: solid; border-right-width: 1px; border-right-color: rgb(51, 51, 51);"><canvas style="position: absolute; left: 0px; top: 0px; bottom: 0px;"></canvas></wave><canvas style="position: absolute; z-index: 1; left: 0px; top: 0px; bottom: 0px;"></canvas></wave></div> 

コンテナは何が作成されたので、インポートがうまくいっていると思います。

play() { 
    this.wavesurfer.play(); 
    } 

私が再生ボタンを押した後、何も起こらず、コンテナは空です。 質問：このライブラリを使用して、のAndroidで音声を視覚化できますか？

または私はちょうど間違いをどこかにしましたか？

（ちなみに、私はcordova-audio-inputで録音された私自身のオーディオファイルを試しました（私はcordova-media-pluginでも試しました）。彼らは起動しません）。

助けていただければ幸いです。

Answer 1

私は私の問題を解決することができました。 pathを使用する代わりに、cordovaファイルプラグイン（readAsDataURL（））を使用して、オーディオからbase64 URLを作成して、正しく動作します。 準備イベントは私には動作しません。しかし

、

wavesurfer.on('ready', function() { 
    this.wavesurfer.play(); 
}); 

wavesurfer、オブジェクトが持っていたとき、私は、関数の中でそれを使用するので、私はちょうど、準備イベントせずにそれを使用します準備ができて、まだ、

this.wavesurfer.play(); 

は、今では働いている、それは少し遅いですが、私は1分アウディでそれをしようとしたとき、それは、（叙事詩でありますそれで、私が傷つける8時間のオーディオを録音すれば、それはすでに別の問題です）。

編集： の準備が整いましたイベントが機能しているため、何とかイベントにグローバル変数をバインドする必要があります。