Firefoxの：のdrawImage（ビデオ）NS_ERROR_NOT_AVAILABLEで失敗：コンポーネントソースのウェブカメラフィードです <code>NS_ERROR_NOT_AVAILABLE: Component is not available</code>とFirefoxで失敗しているようだ<code>video</code>と<code>drawImage</code>を呼び出そうと

Question

利用できません。

私はすべてのイベントのためにビデオタグ火災を待つことを試みた：playは、playingは、canplayは、loadeddata、loadedmetadata、というように、と何も動作します。これは、ストリームが正しく<video>要素にロードされる前に、これらのイベントが発生しているためです。

JSFiddle with error（あなたがコンソールにエラーを表示することができます）

副作用は、ビデオの幅と高さも間違っているということです。

Answer 1

これはFirefoxのbugです。最も簡単な修正は、正しい時刻にイベントが発生しないため、エラーがなくなるまで試し続けます。

参照：http://jsfiddle.net/9aT63/25/

は基本的に、あなたは、try/catchブロックでdrawImage呼び出しをラップする必要があります。

function drawVideo() { 
    try { 
    $vidCanvasCtx.drawImage($vid, 0, 0, $vidCanvas.width, $vidCanvas.height); 
    ... 
    } catch (e) { 
    if (e.name == "NS_ERROR_NOT_AVAILABLE") { 
     // Wait a bit before trying again; you may wish to change the 
     // length of this delay. 
     setTimeout(drawVideo, 100); 
    } else { 
     throw e; 
    } 
    } 
}