是否可以从HTML5/Flash/iOS播放器的视频流中获取图像?
好的,这里的上下文是,我有一个带有Flash播放器或HTML5播放器的网页,或者一个带有本机播放器的本机iOS应用程序 播放视频时,是否可以从视频中抓取一帧并将其发送回服务器 例如: 闪光 因此,在播放器中,出现了RTMP或HDS流媒体。使用ActionScript甚至可以从播放器正在播放的流中抓取帧吗 HTML5 我想答案是否定的,因为我只有javascript和DOM,但是视频标签的任何实现都允许这种交互吗?如果有,哪些?我真的只对iOS Safari和Android 3+感兴趣,因为流是HLS 本机iOS是否可以从HTML5/Flash/iOS播放器的视频流中获取图像?,ios,html,flash,video-streaming,Ios,Html,Flash,Video Streaming,好的,这里的上下文是,我有一个带有Flash播放器或HTML5播放器的网页,或者一个带有本机播放器的本机iOS应用程序 播放视频时,是否可以从视频中抓取一帧并将其发送回服务器 例如: 闪光 因此,在播放器中,出现了RTMP或HDS流媒体。使用ActionScript甚至可以从播放器正在播放的流中抓取帧吗 HTML5 我想答案是否定的,因为我只有javascript和DOM,但是视频标签的任何实现都允许这种交互吗?如果有,哪些?我真的只对iOS Safari和Android 3+感兴趣,因为流是H
与Flash解决方案类似,苹果是否在iOS中提供API,允许我在应用程序中从HLS流中捕获帧?您可以使用此代码将视频作为数据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);
对于HTML5,您应该能够使用画布捕获视频元素的图像。嘿,查尔斯,非常感谢!为什么不将此作为可能的答案发布?这当然有帮助!。非常感谢。