从视频标签到画布播放流式视频

时间:2018-10-21 17:44:26

标签: javascript html html5 canvas video-streaming

我正在一个带有视频流的网站上工作,视频实际上在视频标签中,但是我需要在其上画图,所以我试图将流从视频标签发送到画布上,但是没有运气,已经阅读这里也有严重的类似问题,也没有运气,有什么建议吗?这是我目前没有运气的测试方式:

var VIDEOELEMENT = document.getElementById("camchat"); //Video Tag
var canvas2 = document.getElementById('myCanvas'); //Canvas Tag
var ctx = canvas2.getContext('2d');

VIDEOELEMENT.addEventListener('play', () => {
        console.log("INITIATING VIDEO PLAY");
    function step() {
    ctx.drawImage(VIDEOELEMENT, 0, 0, canvas2.width, canvas2.height)
    requestAnimationFrame(step)
  }
  requestAnimationFrame(step);
})

0 个答案:

没有答案