一文解决Electron - Streamlabs架构搭建问题

最新推荐文章于 2025-03-28 11:31:09 发布
最新推荐文章于 2025-03-28 11:31:09 发布
阅读量1.4k 收藏 1
点赞数
分类专栏： Electron实践 文章标签： javascript node.js c++ 经验分享
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010350434/article/details/118610134
版权
本文详细介绍了如何解决使用Electron构建Streamlabs架构时遇到的问题，包括编译匹配、视频初始化、AAC流错误及OBS崩溃等，通过一系列步骤和调整，最终成功搭建并确保稳定运行。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

简写：

官方obs-studio： 官方的obs-studio git
obs-studio： streamlabs/obs-studio （内核，在 官方obs-studio 内核 基础上有调整）
obs-studio-node： streamlabs/obs-studio-node （内核 - electron 调用中间层）
streamlabs-obs： streamlabs/streamlabs-obs （streamlabs的 electron git）

一. 介绍

1. Electron 是什么

一个跨平台解决方案，基于Chrome引擎，底层配合node实现，上层通过浏览器引擎跨平台。由于苹果应用商店的二进制审查机制，electron在iOS上不是太乐观，在Android平台日后可能也会遇到这个问题。所以Electron更准确的是跨桌面端方案。

2. Streamlabs 是什么

以 OBS(Open Broadcaster Software)直播 为内核，Electron为架构的一个跨桌面端直播解决方案，得益于 OBS强大的插件系统，Streamlabs 有较好的扩展能力，而Electron则赋予了Streamlabs极大的灵活性和敏捷度。

二. 编译

1. 经过尝试，发现 obs-studio 与 obs-studio-node 的匹配规律

a. obs

最低0.47元/天 解锁文章
obs-studio 二次封装 （四）obs 音视频采集到推流大体流程图
lcalqf的专栏
08-22 3282
一、obs 大体流程 由于obs整个项目代码量很大，刚开始接触时不知道从何着手。所以，整理出一份简单的流程图，大家后面做二次封装时可以对照这个流程图。 大体流程是：加载模块--->创建场景--->遍历音视频列表--->创建音视频源---->设置音视频编码器--->创建rtmp源--->加入源到场景 ---->开始直播。 当然，每个过程都有一些细节需要做。比如，如何遍历音视频列表、如何调整编码器参数等等。流程图会列出每个步骤的关键函数，大家...
obs-studio-node：用于Node.Js，Electron和类似工具的libOBS（OBS Studio）
01-30
通过节点绑定的libobs 该库旨在提供对obs-studio内部库的绑定，相应地命名为libobs，目的是从节点运行时使用它。 当前，仅支持Windows。 为什么选择CMake？ 与node-gyp和同类解决方案相比，CMake与现有项目的兼容性更好。 它还能够为多个不同的IDE和编译器生成解决方案文件，因此非常适合本机模块。 就个人而言，我不喜欢gyp语法或围绕它的构建系统，也不喜欢它要求您安装python的事实。 建造 先决条件 您将需要安装以下软件： 吉特 视窗 在Windows上构建需要其他软件： （可能与Visual Studio 2017安装程序一起安装） 示例构建 我们使用灵活的cmake脚本，使其尽可能广泛和通用，以防止需要针对自定义用途不断管理cmake脚本，同时还提供了合理的默认值。 它遵循标准的cmake布局，您可以根据需要执行它。 例： yarn install git submodule update --init --recursive mkdir build cd build cmake .. -G"Visual Studio 15 20
streamlabs-obs：基于OBS和Electron构建的免费和开源流媒体软件
02-04
Streamlabs OBS 基于Electron和OBS构建的简单，强大和高效的实时流媒体软件。 此应用程序当前仅支持OSX 10.14+和64位Windows。 依存关系 Node.js 安装npm软件包和运行各种脚本需要节点。 我们建议使用当前的LTS版本14.xx： 纱 为了确保您使用的是每个节点模块的正确版本，应使用纱线包管理器。 安装说明可以在这里找到： 安装 通过yarn安装所有节点模块： yarn install 然后，使用webpack编译资产： yarn compile 开始 如果使用的是Visual Studio Code，则可以使用内置调试器（默认为F5）启动
从Web到桌面：深入解析Electron的技术架构与应用实践
最新发布
Yue
03-28 1192
在传统认知中，前端开发者的主战场始终是浏览器窗口，但Electron的出现彻底打破了这层界限。这个由GitHub开源的框架，让JavaScript开发者能够使用Web技术构建跨平台的桌面应用程序。从微软的VS Code到Slack，从Figma到Twitch，这些耳熟能详的应用背后都活跃着Electron的身影。本文将深入探讨Electron的核心原理、技术优势、实践要点以及未来挑战，为开发者提供一份全面的技术指南。
【obs-studio开源项目从入门到放弃】windows10使用vs2019编译obs-studio
记录分享自己的流媒体开发经验
11-24 6365
文章目录1.编译前的准备2.下载github仓库源码以及子目录3.使用cmake-gui生成obs-studio的vs2019解决方案4. 注意事项 1.编译前的准备 官方编译文档：https://github.com/obsproject/obs-studio/wiki/Install-Instructions 1.win10sdk最低版本：Windows 10 SDK (minimum 10.0.20348.0) 下载win10sdk 2.Qt版本：Qt 5.15.2 3.cmake版本最低3.16.
国内基于obs开发的软件
weixin_41564683的博客
09-15 3322
OBS Studio是一款用于视频录制和直播的免费和开源超级优秀软件 其中国内基于obs开发的软件有： bilibi的 直播客户端（https://github.com/Bilibili/biliobs） 阿里巴巴的千牛主播（https://github.com/alibaba/tblive） ...
用Electron实现支持动态下发视频资源的类OBS推流解决方案
zhaoolee的CSDN博客
07-06 1001
title: 用Electron实现支持动态下发视频资源的类OBS推流解决方案 tags: 个人成长 categories: 杂谈 最近在研发数字人相关的项目，基于Electron实现了类似OBS的推流效果，很好玩，也有一些技术难点，本文分享一波。 我查阅了很多博客，虽然有一些ffmpeg推流的方案，但都是浅尝辄止。 本文的方案，可以在Web层实时查看ffmpeg推流的效果，并可以借助fa...
Electron项目中通过electron-vue + electron-builder + electron-updater实现远程更新（包含源码）
04-01
本项目利用`electron-vue`、`electron-builder`和`electron-updater`这三款强大的工具，实现了一个完整的远程更新流程，包括检查更新、下载更新以及自动安装更新。以下将详细介绍这三个组件的功能和实现方式。 **1....
Vue+Electron（electron-builder + electron-updater + electron-log）
09-06
使用Vue+Electron（electron-builder + electron-updater + electron-log）实现桌面应用程序的开发，面向所有electron使用者学习使用，内部源码都有注释。可参考文章（http://t.csdn.cn/BLM6Y）使用。
obs-studio-node简单搭建rtmp推流软件demo
在那山的那边海的那边，有一群程序猿
01-25 1816
支持window和mac双系统的简单demo github地址：obs-studio-node-demo 分享不易，希望大家能给我star，如有问题可以在issue中一起讨论！
obs-studio-node库的演示应用项目.zip
01-16
软件开发设计：应用软件开发、系统软件开发、移动应用开发、网站开发C++、Java、python、web、C#等语言的项目开发与学习资料 硬件与设备：单片机、EDA、proteus、RTOS、包括计算机硬件、服务器、网络设备、存储设备、移动设备等 操作系统：LInux、树莓派、安卓开发、微机操作系统、网络操作系统、分布式操作系统等。此外，还有嵌入式操作系统、智能操作系统等。 网络与通信：数据传输、信号处理、网络协议、网络与通信硬件、网络安全网络与通信是一个非常广泛的领域，它涉及到计算机科学、电子工程、数学等多个学科的知识。 云计算与大数据：包括云计算平台、大数据分析、人工智能、机器学习等，云计算是一种基于互联网的计算方式，通过这种方式，共享的软硬件资源和信息可以按需提供给计算机和其他设备。
obs-studio-node-example:了解如何通过Electron应用程序使用OBS Studio进行屏幕视频录制
04-28
使用的非常简单的示例 开箱即用的功能仅在Windows上有效。 要在MacOS上运行它，请参见以下内容：。 设置 yarn install 跑步 yarn start 或在Visual Studio Code中使用F5 。 包裹 yarn dist 您可以在dist文件夹中找到生成的安装程序。 当前状态 它会启动，初始化OBS Studio，然后让您按“开始录制”按钮。 在记录它抓住了你的桌面视频，摄像头的图片（如果可用），音频和麦克风，在视频文件中Videos文件夹中的用户配置文件目录。 查看主进程的控制台输出。 请参阅以了解如何解决带有两个视频卡的笔记本电脑上的黑屏问题。 虚拟相机 单击“ Install Plugin和“ Start Virtual Camera按钮后，将可以使用新的网络摄像头在其他任何程序（例如Zoom或Microsoft Teams）中使用。 它将输出与预览中
【obs-studio开源项目从入门到放弃】obs-studio项目简介和架构
热门推荐
记录分享自己的流媒体开发经验
11-22 1万+
文章目录前言一、obs-studio项目简介二、windows平台的编译步骤三、obs的核心线程obs视频渲染线程obs视频编码线程obs音频编码线程rtmp发送线程四、常用插件的介绍视频源视频文件win-dshow摄像头采集窗口采集文本渲染显示器采集monitor_captureduplicator_capture游戏捕获音频源wasapi_input_capturewasapi_output_capturewin-audio-capture输出源网络协议推流rtmp-outputsrt-output本地
StreamSets实战之路（三）-环境篇- StreamSet源码查看与编译
Macalzheng的专栏
04-28 5391
主要介绍StreamSets DC和StreamSets DC Edge怎么看源码和从源码编译生成安装包。
Electron上传文件、打开文件夹(主进程、渲染进程)
蜡笔小新历险记的博客
05-28 4289
官方示例： const { dialog } = require('electron') console.log(dialog.showOpenDialog({ properties: ['openFile', 'multiSelections'] }))
Obs-Studio-Node 编译笔记
flykiss101的博客
01-12 163
科学上网 git 下载指定版本: git clone -b xx.xx.xx https://github.com/stream-labs/obs-studio-node.git 修改CMakeLIst.txt 内的工程地址,更换为国内镜像: https://github.com/stream-labs/StackWalker 更换为: https://gitee.com/Funcion_woqu/StackWalker https://github.com/nlohmann/json 更换为:
OBS Studio Node.js SDK 教程
gitblog_00236的博客
08-22 830
OBS Studio Node.js SDK 教程 项目地址:https://gitcode.com/gh_mirrors/ob/obs-studio-node 项目介绍 OBS Studio Node.js SDK 是一个专为Node.js开发者设计的库，旨在简化与OBS Studio交互的过程。它允许开发者通过JavaScript控制OBS Studio的各个方面，包括场景切换、源管理等，无需...
记录macbook m1 pro arm64编译obs-studio-node
qq_42194749的博客
01-12 644
记录macbook m1 pro arm64编译obs-studio-node
解决electron-vue打包依赖资源下载问题的压缩包方案
资源摘要信息:"electron-vue-build-package.zip是一个关于...总的来说，"electron-vue-build-package.zip"是一个非常有用的资源包，它可以帮助开发者解决electron-vue打包过程中可能遇到的网络问题，提高开发效率。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值