Electron录制-webm转mp4时长拉长问题

问题1

在导出视频时,发现最终导出视频的时长与实际录制的视频时长不一样,而且视频中某一帧会延迟。

猜想0

在项目中使用mp4-wasm导出mp4视频,同时利用canvas做一些效果,猜想是在canvas处理时有延迟。但是当把canvas处理效果全部注释,导出效果还是一直。

猜想1

修改视频导出的方案,替换成 canvas中 captureStream方式 + ffmpeg,有时候正常有时候还是一样的问题。

😓

但是把视频的buffer数据转换成blob的url播放时正常----,突然想到在YouTube看视频时,切换tab会自动暂停视频,从这个方向在video监听暂停事件上看,确实如此!!!!

解决

在导出的时候,只要继续播放即可!

复制代码
webPreferences: {       backgroundThrottling: false     }

webm转换mp4

改用ffmpeg转换视频格式后

1、录制的视频是用 h264 格式来编码的。这样后续转码的时候视频部分可以直接拷贝,大大提升转码的速度

2、画质提升,添加ffmpge滤镜:

复制代码
'eq=contrast=1.2:brightness=0.05:saturation=1.3:gamma=1.0', // 调整对比度、亮度、饱和度、伽玛
相关推荐
w_y_fan1 分钟前
Flutter 滚动组件总结
前端·flutter
wuli金居哇3 分钟前
我用 Turborepo 搭了个 Monorepo 脚手架,开发体验直接起飞!
前端
Asort5 分钟前
JavaScript 从零开始(五):运算符和表达式——从零开始掌握算术、比较与逻辑运算
前端·javascript
一枚前端小能手8 分钟前
🚀 缓存用错了网站更慢?前端缓存策略的5个致命误区
前端·javascript
艾小码9 分钟前
为什么你的页面会闪烁?useLayoutEffect和useEffect的区别藏在这里!
前端·javascript·react.js
艾小码9 分钟前
告别Vue混入的坑!Composition API让我效率翻倍的3个秘密
前端·javascript·vue.js
南雨北斗10 分钟前
VS Code 中手动和直接运行TS代码
前端
小高00712 分钟前
🔍说说对React的理解?有哪些特性?
前端·javascript·react.js
烛阴12 分钟前
【TS 设计模式完全指南】懒加载、缓存与权限控制:代理模式在 TypeScript 中的三大妙用
javascript·设计模式·typescript
Samsong12 分钟前
JavaScript逆向之反制无限debugger陷阱
前端·javascript