html52.com
我爱小程序-开发者交流社区

canvas ctx.drawImage(video),画面静止在第一帧?

小程序中做一个canvas随着视频播放显示动画的效果,但是视频播放了,canvas中不会动。

queryVideo.fields({ context: true, size: true, rect: true, properties:['metadata'] }, videoRes => {
					const video = videoRes.context;
					const { width, height } = this.videoInfo;
					queryCvs.fields({ node: true, size: true }).exec(res => {
						const canvas = res[0].node;
						const ctx = canvas.getContext('2d');
						setInterval(() => {
							ctx.drawImage(video, 0, 0, width, height, 0, 0, canvas.width , canvas.height);
						}, 250




截图如下:上面的视频播放下面的canvas 一直定在第一帧不会动

截图如下:上面的视频播放下面的canvas 一直定在第一帧不会动

网友回复

社区技术运营专员-Demons:

请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

真正的个人免签约支付接口

云免签H5支付