Javascript Canvas需要太多的CPU

时间:2017-12-12 23:05:52

标签: javascript html5 canvas

Heyo,在问一个问题之前我必须承认javascript并没有对我好,并且会要求不要在我这个问题上扔太多石头。

所以我正在编写一个带有实时视频的画布播放器,但是正在执行画布的页面消耗了大量的CPU能力。

这是绘制给定画布的例程(播放器是传递的画布)

var requestFrames = function(player) {

    console.log('Requesting frames for videoId ' + requestStream.videoId);

    //var imageElement = player;

    var ctx = player.getContext("2d");

    var displayImage = function(frame) {

        if (frame && frame.imageURL) {
            var img = new Image();
            img.src = frame.imageURL;
            img.onload = function(){
            ctx.drawImage(img, 0,0)

        };
        }
        sendFrameRequest(requestStream.videoId, displayImage);
    };

    sendFrameRequest(requestStream.videoId, displayImage);
};

请发送帮助,谢谢

编辑:sendFrameRequest是一个从服务器请求最新图像的功能。我正在使用从摄像机发送实时图像的服务器(它是一个视频管理系统)

0 个答案:

没有答案