Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/390.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/codeigniter/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在firefox mobile上绘制视频画布_Javascript_Html5 Canvas_Html5 Video - Fatal编程技术网

Javascript 在firefox mobile上绘制视频画布

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

我试图在视频播放时将mp4视频绘制到画布元素

我正在使用下面的代码,它适用于大多数设备和浏览器,但我意识到在firefox mobile上可以播放mp4视频,但canvas元素不能。是否有任何文档或解决此问题的方法

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
流提供视频。但这也不起作用。。。我会在有时间的时候提出一个问题。