2017-07-18 13 views
0

私はWaveSurferJsを使ってストリーミングオーディオを再生し、wavesurfer init backendをMediaElementとして設定します。また、真のが、次のオーディオロード=遅いのでプリロードを使用してピークWavesurfer音楽を再生する処理を高速化するには

var wavesurfer = WaveSurfer.create({ 
     ..... 
     container: '#waveform', 
     barWidth: 2, 
     barHeight: 1, 
     backend: 'MediaElement', 
     normalize: true 
    }); 

wavesurfer.load(mp3_url, peakData); 
wavesurfer.play(); 

の描画を行うと、私はaudio要素でプレイリスト最初のオーディオの形で何かをする、プリロードのために時間を要することに論理的です。しかし、どのように音楽を再生するプロセスをスピードアップするには?これをやろうとした人はいますか?

+0

「再生進行状況」とはどういう意味ですか?あなたは再生速度を意味しますか? – evolutionxbox

+0

申し訳ありませんが、私は間違って表現されています。 – Rai

+0

あなたがしたいことに応じて、partialRenderパラメータを使って、現在表示されている波形の部分だけをレンダリングすることができます。 – mspae

答えて

0

これは非常に遅く、おそらく著者には役に立たないかもしれませんが、この情報を探している他の人にとっては役に立つかもしれません。

あなたは、たとえば、私はこのコード

<?php 
echo Slider::widget([ 
'name'=>'audio_speed', 
'value'=>1, 
'sliderColor'=>Slider::TYPE_GREY, 
'handleColor'=>Slider::TYPE_DANGER, 
'pluginOptions'=>[ 
'min'=>1, 
    'max'=>2, 
    'step'=>.1 
], 
'pluginEvents' => [ 
"slideStop" => 'function(level) { awp_player.setPlaybackRate(level.value); 
}', 
] 
]); 
?> 

を持っているので、それは、通常の速度で始まり1とユーザーが倍増することができますYII2でスライダーを持っているので、setPlaybackRate方法Wavesurfer Methods

を使用する必要がありますスライダーを動かすことで速度を0.1単位で変化させ、ユーザーがスライディングを止めるとメソッドが呼び出されます。

関連する問題