(转载)Electron & C++ 快速开发桌面Web "混合"应用_qt electron混合开发-程序员宅基地

技术标签: 前端  

转载自:https://www.jianshu.com/p/5a4c7ce2be54?winzoom=1


最近要做个小东西,接入网易直播 SDK,但有一个比较蛋疼的问题就是 web 推流一般都用 Flash,Flash 音频只能用 speex,然而接收端如果是苹果,一般都会选 HLS,而 HLS 只能用 AAC 音频。这样一来,要么服务端再做一次转码和重新分发(延迟+成本,所以猪厂直接不支持),要么只能选择推流端本地先编好 AAC(iOS/Mac/PC). 只能请 C++ 大哥出马了。

这活又需要对接现有的网站,包括用户、频道、互动啥的,又要得急。咋办捏?去翻了翻 SDK 提供的 Demo, 我的妈呀竟然是 QT 做的,那咋改嘛…想起了从前被 QT 和 MFC 支配的恐惧,还是换个思路吧。

前一阵子看过 Electron,正好嵌网页方便,放狗搜了一圈,发现了node-gyp这高科技。可以直接调用 C++ 模块,好!就你了!

然后就开始了漫长的 Visual Studio 安装过程…话说 VS 这货是越来越大了,以前去食堂吃顿饭的功夫就能装完,后来去吃个烤串才能装完,再后来…好像得喝上几轮才能装完…

后来才发现似乎不装也行…… 直接这样就好了


npm install -g --production windows-build-tools

npm install -g node-gyp

然后就可以放心大胆地写 C++ 啦,按照套路来就好了(来自 node 官网文档


#include <node.h>

namespace demo {

using v8::FunctionCallbackInfo;

using v8::Isolate;

using v8::Local;

using v8::Object;

using v8::String;

using v8::Value;

void Method(const FunctionCallbackInfo& args) {  

    Isolate* isolate = args.GetIsolate();  

    args.GetReturnValue().Set(String::NewFromUtf8(isolate, "world"));

}

void init(Localexports) {

    NODE_SET_METHOD(exports, "hello", Method);

}

NODE_MODULE(addon, init)

}  // namespace demo

这样就完成了一个可供 node 调用的 C++ 模块,只需要再加个配置文件binding.gyp

{
  "targets": [{
    "target_name": "addon",
    "sources": [ "hello.cc"]
  }]
}

然后

node-gyp configure
npm install

然后直接开个js

var addon = require("./build/Release/addon");
console.log(addon.hello());

哇 就可以了 是不是很神奇……

接入 SDK 的时候有个坑,网易直播 SDK 只提供了 32bit 的库,如果是 win64 系统,默认编译也是 64位。可能会出现一个奇怪的错误提示The system cannot find message text for message number 0x%1 in the message file for %2 你就不能直接告诉我Wrong Architecture么……
Don't panic, 坐和放宽,你需要node-gyp rebuild -target=1.4.13 -arch=ia32 -dist-url=https://atom.io/download/atom-shell (1.4.13 是你用的 Electron 版本号)

网易直播 SDK 给的 demo 代码还比较靠谱了,照着文档写出来能编译过,这就比你们某些开源项目不知高到哪里去了 23333。
但有些细节地方还是需要处理的,

比如主播通常会外接麦克风啥的,那就需要获取音视频设备列表然后让用户选择;

还有本地要做个预览窗口,如果偷懒可以直接嵌个网易提供的 web player 直接拉流回来,但这样一来肯定有延迟啦,感觉上就会怪怪的。所以还是需要本地来播放一下。demo 里提供的方法是 QPaint, 我们既然不用 QT 就得另想办法啦,比如 VLC/FFMpeg 之类的总得嵌一个吧?

然后还有多线程之类的也要做的吧?C++ 做东西就是要考虑比较多

还得处理跟 web 的整合,比如通过 API 获取推流的地址、界面布局的整合

还得考虑到客户的业务是培训/在线教育,以后有可能还要接入其他的比如屏幕共享啦 PPT 播放啦 白板啦之类的,这就得折腾另外一套SDK了,目前还没看,还不知道能不能支持,只能开脑洞了,比如白板直接转成 HTML5 Canvas?

哦 还有 Electron 自己的几个问题,代码不能让人直接扒了,可以通过 asar 之类的打个包,体积太大,估计还得用 UPX 之类的压一下,压完了还得测测什么XX卫士 XX助手 会不会报毒…

有人估计要问了这么麻烦你为啥不直接用原生…说了啊!我害 pia 嘛!
而且客户那边的工程师估计 web 居多,界面你们就可以随便折腾了啊,我只需要维护 C++ 这一块就够了…

嗯嗯 基本就是这样,我继续搬砖去了…



作者:SouthWolf
链接:https://www.jianshu.com/p/5a4c7ce2be54
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/xiaolu289/article/details/79404177

智能推荐

在ubuntu 8.04下安装Oracle 11g二-程序员宅基地

文章浏览阅读408次。 在ubuntu 8.04下安装Oracle 11g2008年05月22日 星期四 11:02oracle 11g 数据库虽然提供了linux x86的版本,但是支持的linux版本只有Red Hat,Novell and Solaris 这几个,debian 和 ubuntu 不在支持之列,所以在ubuntu下安装就相对麻烦一些,请照着下文的方法一步一步的安装,不

初一计算机知识点下册,初一英语下册语法知识点全汇总-程序员宅基地

文章浏览阅读166次。新东方在线中考网整理了《初一英语下册语法知识点全汇总》,供同学们参考。一. 情态动词can的用法can+动词原形,它不随主语的人称和数而变化。1. 含有can的肯定句:主语+can+谓语动词的原形+其他。2. 含有can的否定句:主语+can't+动词的原形+其他。3. 变一般疑问句时,把can提前:Can+主语+动词原形+其他? 肯定回答:Yes,主语+can。否定回答:No,主语+can't...._七年级下册计算机知识点

NX/UG二次开发—其他—UFUN函数调用Grip程序_uf调用grip-程序员宅基地

文章浏览阅读3k次。在平时开发中,可能会遇到UFUN函数没有的功能,比如创建PTP的加工程序(我目前没找到,哪位大神可以指点一下),可以使用Grip创建PTP,然后用UFUN函数UF_call_grip调用Grip程序。具体如下截图(左侧UFUN,右侧Grip程序):..._uf调用grip

Android RatingBar的基本使用和自定义样式,kotlin中文教程_ratingbar样式修改-程序员宅基地

文章浏览阅读156次。第一个:原生普通样式(随着主题不同,样式会变)第二个:原生普通样式-小icon第三个:自定义RatingBar 颜色第四个:自定义RatingBar DrawableRatingBar 各样式实现===============原生样式原生样式其实没什么好说的,使用系统提供的style 即可<RatingBarstyle="?android:attr/ratingBarStyleIndicator"android:layout_width=“wrap_cont.._ratingbar样式修改

OpenGL环境搭建:vs2017+glfw3.2.1+glad4.5_vs2017的opengl环境搭建(完整篇)-程序员宅基地

文章浏览阅读4.6k次,点赞6次,收藏11次。安装vs2017:参考vs2017下载和安装。安装cmake3.12.3:cmake是一个工程文件生成工具。用户可以使用预定义好的cmake脚本,根据自己的选择(像是Visual Studio, Code::Blocks, Eclipse)生成不同IDE的工程文件。可以从它官方网站的下载页上获取。这里我选择的是Win32安装程序,如图所示:然后就是运行安装程序进行安装就行。配置glfw3...._vs2017的opengl环境搭建(完整篇)

在linux-4.19.78中使用UBIFS_ubifs warning-程序员宅基地

文章浏览阅读976次。MLC NAND,UBIFS_ubifs warning

随便推点

计算机系统内存储器介绍,计算机系统的两种存储器形式介绍-程序员宅基地

文章浏览阅读2.2k次。计算机系统的两种存储器形式介绍时间:2016-1-6计算机系统的存储器一般应包括两个部分;一个是包含在计算机主机中的主存储器,简称内存,它直接和运算器,控制器及输入输出设备联系,容量小,但存取速度快,一般只存放那些急需要处理的数据或正在运行的程序;另一个是包含在外设中的外存储器,简称外存,它间接和运算器,控制器联系,存取速度虽然慢,但存储容量大,是用来存放大量暂时还不用的数据和程序,一旦要用时,就..._计算机存储器系统采用的是主辅结构,主存速度快、容量相对较小,用于 1 分 程序,外

西门子PLC的编程工具是什么?_西门子plc编程软件-程序员宅基地

文章浏览阅读5.6k次。1. STEP 7(Simatic Manager):STEP 7或者Simatic Manager是西门子PLC编程最常用的软件开发环境。4. STEP 7 MicroWin:STEP 7 MicroWn是一款专门针对微型PLC(S7-200系列PLC)的编程软件,是Simatic Manager的简化版。如果需要与PLC系统配合使用,则需要与PLC编程工具进行配合使用。除了上述软件之外,西门子还提供了一些配套软件和工具,如PLC模拟器、硬件调试工具等,以帮助PLC编程人员快速地进行调试和测试。_西门子plc编程软件

HashMap扩容_hashma扩容-程序员宅基地

文章浏览阅读36次。【代码】HashMap扩容。_hashma扩容

Eclipse maven项目中依赖包不全,如何重新加载?_maven资源加载不全,怎么重新加载-程序员宅基地

文章浏览阅读2.9k次。1mvn dependency:copy-dependencies2 项目右键 -> Maven -> Disable Maven Nature3 项目右键 -> Configure -> Convert to Maven Project_maven资源加载不全,怎么重新加载

mysql dml全称中文_MySQL语言分类——DML-程序员宅基地

文章浏览阅读527次。DMLDML的全称是Database management Language,数据库管理语言。主要包括以下操作:insert、delete、update、optimize。本篇对其逐一介绍INSERT数据库表插入数据的方式:1、insert的完整语法:(做项目的过程中将字段名全写上,这样比较容易看懂)单条记录插入语法:insert into table_name (column_name1,......_dml的全称是

【小工匠聊Modbus】04-调试工具-程序员宅基地

文章浏览阅读136次。可以参考: http://git.oschina.net/jrain-group/ 组织下的Java Modbus支持库Modbus-系列文章1、虚拟成对串口(1)下载虚拟串口软件VSPD(可在百度中搜索)image.png(2)打开软件,添加虚拟串口。在设备管理中,看到如下表示添加成功。..._最好用的 modebus调试工具

推荐文章

热门文章

相关标签