Javascript 在firefox mobile上绘制视频画布
我试图在视频播放时将mp4视频绘制到画布元素 我正在使用下面的代码,它适用于大多数设备和浏览器,但我意识到在firefox mobile上可以播放mp4视频,但canvas元素不能。是否有任何文档或解决此问题的方法Javascript 在firefox mobile上绘制视频画布,javascript,html5-canvas,html5-video,Javascript,Html5 Canvas,Html5 Video,我试图在视频播放时将mp4视频绘制到画布元素 我正在使用下面的代码,它适用于大多数设备和浏览器,但我意识到在firefox mobile上可以播放mp4视频,但canvas元素不能。是否有任何文档或解决此问题的方法 var canvas = document.getElementById('myCanvas'); var ctx = canvas.getContext('2d'); var video = document.getElementById('video'); canvas.wid
var canvas = document.getElementById('myCanvas');
var ctx = canvas.getContext('2d');
var video = document.getElementById('video');
canvas.width = 600; // set the canvas to be the size of the video
canvas.height = 338;
function loop() {
ctx.drawImage(video, 0, 0);
window.requestAnimationFrame(loop);
}loop();
我看不到任何错误代码,所有其他javascript仍然工作。我尝试将视频缩小到非常小的尺寸,以消除画布尺寸限制,但这也不起作用。我也遇到了这个问题,我认为这是一个最近的错误(±3个月)。但实际上抛出了一个NSErrorNotAvailable错误。我仍然没有花时间搜索现有的bug报告,也没有在需要时创建一个bug报告,我也没有找到解决方法。真的很奇怪。。。我们可以绘制由LocalMediaStream(即从getUserMedia或canvas.captureStream)提供的视频,因此我认为我们可以创建第二个视频实例,从第一个
captureStream
流提供视频。但这也不起作用。。。我会在有时间的时候提出一个问题。