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', // 调整对比度、亮度、饱和度、伽玛
相关推荐
C_心欲无痕10 分钟前
使用 XLSX.js 导出 Excel 文件
开发语言·javascript·excel
踩着两条虫15 分钟前
AI 驱动的 Vue3 应用开发平台 深入探究(七):双向代码转换之 Vue源码到DSL解析
前端·vue.js·ai编程
专业流量卡16 分钟前
用ai去看源码
前端·react.js
踩着两条虫18 分钟前
AI 驱动的 Vue3 应用开发平台 深入探究(六):双向代码转换之DSL到Vue代码生成
前端·vue.js·ai编程
Wect18 分钟前
React 中的双缓存 Fiber 树机制
前端·react.js·面试
天才熊猫君18 分钟前
Vue 3 中 Watch 的陷阱:为什么异步操作后创建的监听会泄漏?
前端·javascript
梵得儿SHI19 分钟前
Vue3 生态工具实战进阶:API 请求封装 + 样式解决方案全攻略(Axios/Sass/CSS Modules)
前端·css·vue3·sass·api请求·样式解决方案·组合式api管理
有梦想的咸鱼还是咸鱼吗20 分钟前
前端必会|防抖与节流从原理到实战,解决90%高频事件卡顿问题
前端
用户57573033462421 分钟前
深入 JavaScript 内存机制:从栈与堆到闭包的底层原理
javascript
阿诺木23 分钟前
Node.js 局域网设备发现:mDNS、UDP 广播和子网扫描
前端