liuzhen007的专栏

目录案例一案例二案例三【导读】欢迎大家阅读《Electron高级》技术专栏，本专栏结合Electron底层源码和工作原理介绍了一些项目中比较常见的突出问题和案例。 其中，每个案例从不同角度都提出了尽可能多的解决方案，文笔流畅，内容充实，且不乏趣味性。欢迎大家订阅分享，评论留言+点赞关注！案例一Electron解决闪屏问题的完美方案及其探索过程（上）Electron解决闪屏问题的完美方案及其探索过程（下）案例二深入浅出解决Electron窗口置顶失效的...

不管遇到什么问题，不要慌，任何问题都怕你花时间研究。好比文中的问题，从最开始自己遇到这个问题的一头雾水和不知所措，再到后来找到了不仅一种解决方案，还能权衡一把选择最优的，就很能说明问题。作者简介：😄大家好，我是 Data-Mining（liuzhen007），是一名典型的音视频技术爱好者，前后就职于传统广电巨头和音视频互联网公司，具有丰富的音视频直播和点播相关经验，对 WebRTC、FFmpeg 和 Electron 有非常深入的了解。

话不多说，一句话搞懂需求：如何录制系统扬声器的声音和本地麦克风的声音？同时录制本地桌面画面生成本地录制视频文件？最开始，自己想到的技术方案就是基于 Electron 框架，利用 MediaRecorder 模块进行本地录制。熟悉 Electron 的小伙伴都知道，它实现本地录制的常用 API 接口就是 MediaRecorder，因为这是 chromium 自带的功能模块，性能和适用性都比较靠谱，而且这个方法也已经比较成熟了。但是，这次自己踩坑了，就是自己主观的认为 MediaRecorder 支持多音轨，

需求背景本文演示的是将 Electron 从 9.0.0 分支切换到 11.0.0 分支时遇到各种问题。1. 报错：Error: 2>____ src at 87.0.4280.60 Conflict while rebasing this branch.切换完Electron 项目的分支后，回退到 src 目录，执行 gclient sync 命令。之后遇到了代码冲突的报错，错误信息如下：[0:11:11] ebed2fc..cbc66283 main -...

话不多说，直接上干货Electron作为桌面端的跨平台开源框架，可以比较容易的实现本地录制功能。这里有小伙伴可能会问：什么是本地录制？为什么要实现本地录制功能？是的，本地录制功能和特定的使用场景相关联，特别音视频相关的产品，比如视频会议、线上教学等使用场景都会用到本地录制功能。本地录制其实就是将本地的视频画面保存下来，方便以后回放查看。...

前言Electron开发过程中，很多时候都会遇到调用C++动态库dll的需求。使用JS调用dll库，听上去都很高大上，JS和C++基本上没有什么交集的两种语言，在这个时候碰出了火花。今天就在Electron的基础上介绍一下这个神奇的使用过程和过程可能遇到的各种问题。前端同学感兴趣的话，欢迎收藏+实践！正文不得不说，想实现JS调用C++的dll动态库，是需要借助第三方工具和中间件的。nodejs有很多相关的工具类，它们都可以轻松实现使用JavaScript加载和调用dll动态库，同时还负责处理跨J

其实，我之所以能够想到是显卡的问题，还跟运维同学反馈的一个现象有关系。我当时正在远程排查这个问题，我始终都没有触发闪屏现象（自己认为如此）。本来以为和自己修改了一些系统配置有关系，避免了闪屏问题的发生。但是，事实上，闪屏问题已经发生了，我没有发现而已。这里，你可能会疑惑，闪屏多么明显的现象，你怎么会没有发现呢？问题就出在这里！！！

【导读】 编译Electron源码，对我而言，再常见不过的操作，应该不会出问题。但是，后来我发现：自己轻敌了 ^_^从中我也认识到，任何知识都有自己不可预见的深度！如果你甘于浅尝辄止，那么在同一个问题上，你可能永远有数不清的问题。

前言基于Electron开发客户端经常会遇到置顶的需求，那么Electron能不能实现类似的功能呢？或者说有没有类似的API接口呢？正文Electron果然不负众望，不错，我们捡到了一个大便宜，那就是Electron自带了这样的API接口。我们不需要自己从底层封装方法来实现这个功能（这样的话，我们大概率就需要编译源码了，后面的文章很多会涉及到源码编译，可能唯独这篇不需要^_^）。Electron窗口 BrowserWindow 类有一个 alwaysOnTop 属性，是用来设置窗体是否置

前言最近，PC客户端遇到了一个问题，屏幕共享的时候会导致闪屏问题，不管是本地还是拉流端，整个电脑屏幕都会开始闪屏。正文刚听到运维反馈这个问题的时候，十分蒙圈，怎么还能又如此奇葩的问题，如果是摄像头的视频流在推和拉时都是正常的，为什么屏幕分享流就不正常了呢？于是开启了我漫长的探索之路！后来的经历验证了那句古话——路漫漫其修远兮，我将上下而求索。尝试一自然而然，想到了两种媒体流的区别，最直观的想法就是和编码格式有关系。因为屏幕分享流的视频编码格式是VP8，而普通视频流的编码格式...