请我使用cordova视频编辑器插件为我选择的视频创建缩略图。缩略图已成功生成,但是我不知道如何将缩略图图像转换成要显示在html中的变量
到目前为止,我已经能够成功生成它。这是代码
generatevideothumbnail(videofile) {
//videofile is the video selected
const options: CreateThumbnailOptions = {
atTime: 1,
height: 1024,
width: 1024,
quality: 100,
fileUri: videofile,
outputFileName: videofile.substring(videofile.lastIndexOf('/') + 1)
};
this.videoEditor.createThumbnail(options).then((thumbnailfile) => {
this.thumbnailretrieved = thumbnailfile;
console.log(this.thumbnailretrieved);
}, (err) => {
this.alertmsg(err);
console.log(err);
});
}
当我console.log(this.thumbnailretrieved)时,这就是我得到的
/storage/emulated/0/Android/data/io.ionic.starter/files/files/videos/VID-20190507-WA0008.mp4.jpg
我只需要另一个变量中的VID-20190507-WA0008.mp4.jpg,这样我就可以在html img src中使用它,例如 img src =“ {{this.thumbnailimage}}”
其中 this.thumbnailimage =“ VID-20190507-WA0008.mp4.jpg”