背景: renderjs获取视频封面无效. 先后在两个同样配置的安卓平台测试。一个是载安卓系统的24寸大屏(配置如下附件所示)。另外一个直接就是一个板载安卓系统的主板,需要外接显示器(配置如附件所示)。
开发工具信息:
- hbuilder.3.x
- 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)
}