ios - HTML5/Flash/iOS プレーヤーのビデオ ストリームから画像を取得することはできますか?

Question

ここでのコンテキストは、Flash プレーヤー、HTML5 プレーヤー、またはネイティブ プレーヤーを備えたネイティブ iOS アプリのいずれかを含む Web ページがあるということです。

ビデオの再生中に、ビデオからフレームを取得してサーバーに送り返すことはできますか?

例えば：

閃光

そのため、プレーヤーには RTMP または HDS ストリーミングが入ってきます。ActionScript を使用すると、プレーヤーが再生しているストリームからフレームを取得することさえ可能ですか?

HTML5

これは、javascript と DOM しかないので、答えはノーだと思いますが、ビデオタグの実装でこのタイプのインタラクティブ性が可能になりますか? もしそうなら、どれですか？ストリームは HLS になるので、私は本当に iOS Safari と Android 3+ にのみ興味があります。

ネイティブ iOS

Flash ソリューションと同様に、Apple は、アプリで HLS ストリームからフレームをキャプチャできるようにする API を iOS で提供していますか?

Answer 1

このコードを使用して、動画をデータ URI として取得できます

var canvas = document.createElement('canvas');
var context = canvas.getContext('2d');
var width = $('#video').outerWidth();
var height = $('#video').outerHeight();
canvas.width = width;  canvas.height = height;
var videoElem = document.getElementById('video');
context.drawImage(videoElem, 0, 0, width, height);
var dataURL = canvas.toDataURL();
console.log(dataURL);