所以我正在编写一个带有实时视频的画布播放器,但是正在执行画布的页面消耗了大量的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是一个从服务器请求最新图像的功能。我正在使用从摄像机发送实时图像的服务器(它是一个视频管理系统)