HTML5ビデオソースのJSでビットストリームを生成することは可能ですか？

JavaScriptなどでビットストリームを動的に生成したいとします。大規模なOGGビデオ。一部の場所にHTTP-GET-Requestを送信するのではなく、ビットストリームのJavaScript関数を要求するようにブラウザに指示することはできますか？HTML5ビデオソースのJSでビットストリームを生成することは可能ですか？

私が見つけたビデオタグにデータを入力する唯一の方法は、data：-URLです。しかし、それはビデオ全体をドキュメントにエンコードする必要があります。

これは、通常はストリーミングされる大きな動画の場合、悪い解決策です。 AFAIKでは、データURLにデータを動的に追加することはできません。

どういうわけか、誰でも知っていますか？

出典

2012-03-13 anty

あなたが使用して意味ですか「データ：文字列を」 - 1は、IMGタグでできるよう？（http://stackoverflow.com/questions/1207190/embedding-base64-images） – T4NK3R

これは今MediaSource APIで可能でなければなりません。ここで

は、上記のリンクから例です：

var video = document.querySelector('video'); 

var assetURL = 'frag_bunny.mp4'; 
// Need to be specific for Blink regarding codecs 
// ./mp4info frag_bunny.mp4 | grep Codec 
var mimeCodec = 'video/mp4; codecs="avc1.42E01E, mp4a.40.2"'; 

if ('MediaSource' in window && MediaSource.isTypeSupported(mimeCodec)) { 
    var mediaSource = new MediaSource(); 
    //console.log(mediaSource.readyState); // closed 
    video.src = URL.createObjectURL(mediaSource); 
    mediaSource.addEventListener('sourceopen', sourceOpen); 
} else { 
    console.error('Unsupported MIME type or codec: ', mimeCodec); 
} 

function sourceOpen (_) { 
    //console.log(this.readyState); // open 
    var mediaSource = this; 
    var sourceBuffer = mediaSource.addSourceBuffer(mimeCodec); 
    fetchAB(assetURL, function (buf) { 
    sourceBuffer.addEventListener('updateend', function (_) { 
     mediaSource.endOfStream(); 
     video.play(); 
     //console.log(mediaSource.readyState); // ended 
    }); 
    sourceBuffer.appendBuffer(buf); 
    }); 
}; 

function fetchAB (url, cb) { 
    console.log(url); 
    var xhr = new XMLHttpRequest; 
    xhr.open('get', url); 
    xhr.responseType = 'arraybuffer'; 
    xhr.onload = function() { 
    cb(xhr.response); 
    }; 
    xhr.send(); 
};

出典

2017-04-21 09:08:08 anty