ios - 是否可以从 HTML5/Flash/iOS 播放器的视频流中抓取图像？

Question

好的，这里的上下文是我有一个带有 Flash 播放器、HTML5 播放器或带有本机播放器的本机 iOS 应用程序的网页。

在播放视频时，是否可以从视频中抓取一帧并将其发送回服务器？

例如：

闪光

因此，在播放器中，有一个 RTMP 或 HDS 流进入。使用 ActionScript 甚至可以从播放器正在播放的流中抓取帧吗？

HTML5

我想答案是否定的，因为我只有 javascript 和 DOM，但是视频标签的任何实现都允许这种类型的交互吗？如果有，有哪些？我真的只对 iOS Safari 和 Android 3+ 感兴趣，因为流是 HLS。

原生 iOS

与 Flash 解决方案类似，Apple 是否在 iOS 中提供允许我在应用程序中从 HLS 流中捕获帧的 API？

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);