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', // 调整对比度、亮度、饱和度、伽玛
相关推荐
浪裡遊6 分钟前
跨域问题(Cross-Origin Problem)
linux·前端·vue.js·后端·https·sprint
滿6 分钟前
Vue3 Element Plus el-tabs数据刷新方法
javascript·vue.js·elementui
LinDaiuuj7 分钟前
判断符号??,?. ,! ,!! ,|| ,&&,?: 意思以及举例
开发语言·前端·javascript
敲厉害的燕宝17 分钟前
Pinia——Vue的Store状态管理库
前端·javascript·vue.js
Aphasia31139 分钟前
react必备JavaScript知识点(二)——类
前端·javascript
玖玖passion41 分钟前
数组转树:数据结构中的经典问题
前端
呼Lu噜1 小时前
WPF-遵循MVVM框架创建图表的显示【保姆级】
前端·后端·wpf
珠峰下的沙砾1 小时前
Vue3 里 CSS 深度作用选择器 :global
前端·javascript·css
航Hang*1 小时前
WEBSTORM前端 —— 第2章:CSS —— 第3节:背景属性与显示模式
前端·css·css3·html5·webstorm
wuhen_n1 小时前
CSS元素动画篇:基于当前位置的变换动画(一)
前端·css·html·css3·html5