获取当前播放视频的帧画面

获取当前播放视频的帧画面

直接上代码

        getImgBase64() {
            const video = this.$refs.currentVideo;
            const canvas = document.createElement('canvas');
            canvas.width = this.videoWidth;
            canvas.height = this.videoHeight;
            const ctx = canvas.getContext('2d');
            ctx.drawImage(video, 0, 0);
            let img = canvas.toDataURL('image/png'); 
        },

业务场景

• 用户播放视频到一个位置的时候,点击截图按钮,就可以截取当前视频画面啦
• 局限: 这里用的是 video 标签, video 标签能播放的视频支持的视频流类型并不够全,所以针对其他特殊业务场景可能并不适用