WebVideoCreator
WebVideoCreator copied to clipboard
在创建createSingleVideo使用content参数img是gif无法识别img的问题。
// 创建单幕视频
// 生成的视频中无法看到这个gif图片
const video = wvc.createSingleVideo({
content: `
<div style="position:absolute;width:60vw; left:0vw; top:15vh;z-index:0;background-color: yellow;height: 50vh;">
<img style="width:100%;" src="https://img.alicdn.com/imgextra/i2/1025740213/O1CN0196FcLg1DRbOaWULH9_!!1025740213.gif" >
</div>
`,
// url: "http://localhost:5500/output/converted.html",
fps: 24,
width: Main_width,
height: Main_height,
duration: 5000,
outputPath: `./output/video_${Date.now()}.mp4`,
showProgress: true,
pagePrepareFn: async page => {
const _page = page.target;
console.log(_page, '_page')
},
pageViewport: {
deviceScaleFactor: 1,
isMobile: true,
hasTouch: true,
isLandscape: false
},
});