ウェブオーディオAPIに接続されたオーディオエレメントのplaybackRateを設定する

Question

私は、オーディオエレメントをcreateMediaElementSourceを使用してウェブオーディオAPIに接続して動作させることを実験しましたが、オーディオの再生レートを変更する必要がありますタグと私は仕事にそれを得ることができませんでした。

以下のコードを実行しようとすると、再生速度を設定する行のコメントを解除するまで動作することがわかります。このラインがオーディオに入るとミュートされます。

source.playbackRate.valueを使用してAudioBufferSourceNodeで再生レートを設定できることはわかっていますが、これは私がしたいことではありません。ウェブに接続している間にオーディオエレメントの再生レートを設定する必要がありますオーディオAPIはcreateMediaElementSourceを使用しているので、私はAudioBufferSourceNodeを持っていません。

誰でもそのことができましたか？

var _source, 
    _audio, 
    _context, 
    _gainNode; 

_context = new webkitAudioContext(); 

function play(url) { 
    if (_audio) { 
     _audio.pause(); 
    } 
    _audio = new Audio(url); 
    //_audio.playbackRate = 0.6; 

    setTimeout(function() { 
     if (!_gainNode) { 
      _gainNode = _context.createGainNode(); 
      _gainNode.gain.value = 0.1; 
      _gainNode.connect(_context.destination); 
     } 

     _source = _context.createMediaElementSource(_audio); 
     _source.connect(_gainNode); 

     _audio.play(); 
    }, 0); 

} 

play("http://geo-samples.beatport.com/items/volumes/volume2/items/3000000/200000/40000/9000/400/60/3249465.LOFI.mp3"); 

setTimeout(function() { 
    _audio.pause(); 
}, 4000); 

Answer 1

これはどのブラウザでテストしていますか？これはまだFirefoxでは実装されていないようですが、Chromeで作業する必要があります。 playbackRateを実装するための

Mozillaのバグ： https://bugzilla.mozilla.org/show_bug.cgi?id=495040

Answer 2

あなたがオーディオの再生が開始した後に再生速度を設定する必要があります。あなたは、有効なcurrentTimeでtimeupdateイベントを取得するまで、私はこの仕事をするために発見した唯一のポータブルな方法は、待っていることである：再生速度が現在のAndroidとChrome（デスクトップ上）その上でサポートされていないこと

_audio.addEventListener('timeupdate', function(){ 
    _if(!isNaN(audio.currentTime)) { 
     _audio.playbackRate = 0.6; 
    } 
}); 

注意0.5未満の再生レートはサポートしていません。