愤青
愤青
  • 发布:2022-03-10 16:30
  • 更新:2022-03-14 18:07
  • 阅读:753

app-vue 下使用 renderjs,采用DOM-canvas-toDataUrl操作 无法获取视频首帧封面?

分类:uni-app

背景: renderjs获取视频封面无效. 先后在两个同样配置的安卓平台测试。一个是载安卓系统的24寸大屏(配置如下附件所示)。另外一个直接就是一个板载安卓系统的主板,需要外接显示器(配置如附件所示)。

开发工具信息:

  1. hbuilder.3.x
  2. app-vue 2.x

测试平台信息: 安卓

图一:

图二:

问题: 在两块主板分别进行测试获取本地视频封面,注:视频是预先存储在本地的,然后通过H5+的IO模块读取出来的本地路径,然后在是访问获取视频资源。 实验流程: 首先是在板载大屏上测试,尝试获取本地视频首帧封面。获取的封面是黑色的,无任何内容(不会是路径错误,已经亲测多次,取出来的视频封面是可以,直接通过video组件播放的)。 第二次,直接通过附件二的主板,外接显示器进行测试,结果就是顺利拿到视频封面。

代码:

let canvas = document.createElement('canvas')  
let videosDom = document.createElement('video')  
canvas.setAttribute('width', 1000)  
canvas.setAttribute('height', 1000)  
videosDom.setAttribute('width', 1000)  
videosDom.setAttribute('height', 1000)  
videosDom.innerHTML = '<source src=' + path + ' type="audio/mp4">'  
videosDom.setAttribute('muted', 'muted')  
videosDom.currentTime = 1  
videosDom.onloadeddata = function() {  
    var ctx = canvas.getContext('2d');  
    ctx.drawImage(videosDom, 0, 0, 1000, 1000);  
    var base64 = canvas.toDataURL('image/jpeg');  
    console.log(base64, "-----")  
    reslove(base64)  
}  
2022-03-10 16:30 负责人:无 分享
已邀请:
FullStack

FullStack - 【插件开发】【专治疑难杂症】【ios上架、马甲包、白包、过审、已成功上架过几百个】【多款插件已上架:https://ext.dcloud.net.cn/publisher?id=22130】【非诚勿扰】QQ:543610866

DCloud_UNI_GSQ

DCloud_UNI_GSQ

  1. 试试 HBuilderX alpha 3.4.x
  2. 注意一下时机

该问题目前已经被锁定, 无法添加新回复