插件官网地址: https://nklayman.github.io/vue-cli-plugin-electron-builder/
安装 npm install --save fluent-ffmpeg 或者添加 "dependencies": { "fluent-ffmpeg": "^2.1.2" } 之后 npm install 视频文件推流 引用及变量 const ffmpeg = require('fluent-ffmpeg'); const ffmpegPath = "/Users/zhangjian/psvmc/app/me/electron/zjclass/libs/ffmpeg_mac/ffmpeg"; const
安装git,nodejs和yarn 安装Python27,3.x版本的不行,确保它在你的环境变量里; 安装gulp
本文由vivo技术团队Yang Kun分享,原题“electron 应用开发优秀实践”,本文有修订。
在团队中,我们因业务发展,需要用到桌面端技术,如离线可用、调用桌面系统能力。什么是桌面端开发?一句话概括就是:以 Windows 、macOS 和 Linux 为操作系统的软件开发。对此我们做了详细的技术调研,桌面端的开发方式主要有 Native 、 QT 、 Flutter 、 NW 、 Electron 、 Tarui 。其各自优劣势如下表格所示:
最近有从事教育行业的朋友发来求助说,买的网络摄像机,在手机上看的视频是连续的,但是从内存卡里导出到电脑上却是一分钟一段的。教育部门要求的是按天的视频备份。这可把他们给愁坏了、累崩了。
由与我们的Coding工作比较辛苦,现在推荐大家一款VS code插件,专注于高(hun)效(shui)工(mo)作(yu),能让你更加高效的上(hua)班(shui)!
📷 『音视频技术开发周刊』由LiveVideoStack团队出品,专注在音视频技术领域,纵览相关技术领域的干货和新闻投稿,每周一期。 架构 FFmpeg Maintainer赵军:FFmpeg关键组件与硬件加速 本文来自FFmpeg Maintainer赵军在LiveVideoStackCon 2018热身分享,并由LiveVideoStack整理而成。在分享中,赵军介绍了FFmpeg的历史、关键组件,并介绍了英特尔平台上的多种FFmpeg硬件加速方式。 WebRTC点对点通讯架构设计 虽然几乎所有人都
我遇到难题了,为此困惑了多日,解决不了,关于Electron在ASAR包中可以使用二进制文件的问题,这个问题解决起来非常的痛苦,但还是得去解决,找办法。
去年最后一篇文章介绍了我们的 Electron 桌面客户端的一些优化措施,这篇文章也跟我们正在开发的 Electron 客户端有一定关系。最近我们正在预研在 Electron 页面中实时播放会议视频流的方案。
如果你一直在关注我们,可能已经知道 youtube-dl 项目曾被 GitHub 暂时下架 以合规。但它现在已经恢复并完全可以访问,可以说它并不是一个非法的工具。
网页的一大特色就是无处不在, 这是一个令人惊叹的平台,用它所创建的协作平台,可以被多种类型的设备所访问,无论设备运行在何种操作系统上。换句话说,网页只能运行在浏览器中,无法直接运行在操作系统中,因此网页应用程序也就无法访问文件操作系统。它们也无法执行非JavaScript编写的代码,他们无法调用桌面应用程序可以使用的众多操作系统接口。还有,当大多数网页应用程序没有可靠的互联网连接时,也就无法使用了。
1. GnuTLS recv error (-54): Error in the pull function.
https://blog.csdn.net/weichuang_1/article/details/48849335
最近开源软件又爆出一个十级漏洞,该漏洞冲击范围巨大,涉及数百万不同的应用程序,其中也包括 iOS、Android 应用程序以及使用 Electron 构建的跨平台应用程序。
有没有遇到过下载的视频原始数据文件是y4m格式的情况,没有办法播放和查看,是不是很苦恼,本文教你处理方法。
MP3 是我们在日常生活中最常见的音频格式之一,但是作为音视频相关的开发人员有没有这样的疑问:MP3 到底是音频编码格式还是音频封装格式?
Web 屏幕录制也许对我们来说并不陌生,最常见的场景,例如:各种视频会议、远程桌面软件,远程会议软件的出现大大方便了人们的交流与沟通,在 WFH 期间对众多企业的线上运转起到关键的作用。除了屏幕的实时分享,录屏的应用还存在另一种应用场景,即“记录实时操作并保留现场,方便后续追溯与回放”,即是我们业务的主要场景。对于我们的业务,强依赖该功能的稳定性。以下是我们业务对该功能的一些硬性指标:
众所周知,C++中的字符分成两种类型:wchar_t和char。其中,WCHAR 对应 wchar_t,CHAR 对应 char,TCHAR 是一种条件编译的类型,根据条件动态代表 wchar_t 或者 char。
今天的想法挺简单的,就是想编译一下x264的,但是同步官网代码时,遇到了如下报错:
写在开头 不为了追寻潮流而学习某个技术,本人仅做最基础的入门与实践讲解 欢迎收藏前端生活社区:https://qianduan.life 想要加入资源群和前端交流群可以看文末 WebAssembly是什么,可以吃吗? 官网介绍: WebAssembly是由主流浏览器厂商组成的 W3C 社区团体 制定的一个新的规范 WebAssembly/wasm WebAssembly 或者 wasm 是一个可移植、体积小、加载快并且兼容 Web 的全新格式 webAssembly的特点 高效 WebAssembly 有
【自我介绍】大家好,我是 Data-Mining,别名 liuzhen007,中国邦德,一个敲代码的邦德,前后就职于传统广电巨头和音视频互联网公司,具有丰富的音视频直播和点播相关经验,对WebRTC、FFmpeg和Electron有非常深入的了解。
研发语言是C或者C++的小伙伴,无论是从事服务端开发,还是客户端开发,都需要掌握linux系统下关于C/C++代码的调试能力。
今天突然发现自己对 WebRTC 的屏幕分享的底层工作原理有一个误解,之前,我一直以为屏幕分享就是简单的采集桌面的画面,然后编码发送就行了。实时上并不是如此简单,本文就来为大家揭秘。
视频和图像的颜色空间类型有很多,比如 RGB、YUV、HSV、LAB 等,其中,YUV 颜色空间又有 YUV420、YUV422、YUV444 之分。先不考虑 YUV422 格式,直接对比 YUV420 和 YUV444,哪个格式更好,更具优势呢?
有时候某些播放器无法直接播放本地视频文件,因此需要在本地启一个 HTTP 静态服务,通过 URL 的形式实现播放目的。比如,自己在使用 flv.js 播放本地视频文件时就遇到了这个问题。
Blazor允许您使用C#而不是JavaScript构建交互式Web用户界面。Blazor应用程序由使用C#、HTML和CSS实现的可重用的Web用户界面组件组成。客户端和服务器代码都是用C#编写的,允许您共享代码和库。 更多信息请参阅官方Blazor网站[22]。
点击上方“LiveVideoStack”关注我们 ▲扫描图中二维码或点击阅读原文▲ 了解音视频技术大会更多信息 ---- 作者:王伟 编辑:Alex 图片来源:Unsplash (by Marques Kaspbrak) 在视频处理中,我们经常会用到不同的色彩空间:非线性 RGB、线性 RGB、YUV、XYZ……为什么需要这么多的色彩空间呢?为什么在FFmpeg中会有 color_space,color_transfer,color_primaries 等一系列的颜色属性呢?这些术语之间究竟隐藏着什
https://www.zhihu.com/question/290767285/answer/1200063036 作者:龙泉寺扫地僧(首席浏览器架构吹牛师,全球最小chromium内核--miniblink作者),侵删 我们来看开源的chromium,这货确实相当相当的复杂。源码拉下来就有十多G。 我们不禁好奇,chromium到底有哪些玩意,为啥平时感觉只是显示个网页、几句HTML而已,怎么会需要这么多代码? 第一眼从目录结构上,chromium包含这些东西: base,通用代码,基础组件,包含字符
前天又搞了一波自己的电脑,导致格式化了 D 盘上。。结果里面的软件和文档全没了,还好我把文档上传到了 GitHub 上,不然要疯掉。昨天把原来的软件又下载了回来。于是今天写了这篇文章分享一下我觉得用着还不错的一些软件。
最近一直在使用electron开发桌面应用,对于一个web开发者来说,html+javascript+css的开发体验让我非常舒服。之前我一直简单的以为electron只是张网页加个壳,和那些号称跨平台的运行在手机上的webapp是一个套路。直到我真的需要开发一个跨平台桌面应用的时候,我又认真的尝试了一下electron,我开始意识到:这才是我理想中的跨平台桌面应用开发的最终形态,它简直太优秀了。
当我们明白了以上几个问题之后,那就大概率算是基本掌握了这个技术,后面再要深入就要经过大量的项目实践和源码原理的研究了。
在上一节中我们介绍了如何升级 Electron 应用,现在我们已经介绍完了如何开发一个 Electron 应用以及如何把 Electron 应用分发给用户。如果按照一个产品的生命周期来考虑,那么我们现在面对的是如何观察、分析、调试线上应用了,如果你不了解 Electron 应用在用户侧的特征,那么就很难正确的分析线上应用的问题。
Electron作为一款跨平台的桌面应用端解决方案已经风靡全球。作为开发者,我们几乎不用关心与操作系统的交互,直接通过Web前端技术与Electron提供的API就可以完成桌面应用端的开发。
本人也在不断的学习和积累中,文章中有不足和误导的地方还请见谅,可以给我留言指正。希望和大家共同进步,共建和谐学习环境。
Electron的打包工具有很多,例如 electron-builder、electron-packager 或 electron-forge。这些工具可以帮助我们将 Electron 应用程序打包为可执行文件,并根据目标平台生成相应的安装程序或应用程序包。
1.Electron是基于Node.js开发的,第一步当然要安装node盒npm了,就不多说了。
由于 Windows 和 Mac 原生的应用程序开发难度比较大,所以使用 Electron 版 TRTC 的能力就成了一个不错的选择。不过由于国内网络环境比较复杂,而 Electron 的很多开发资源由位于境外服务器上,所以很多客户在初次对接时会遇到很多的环境配置问题。
使用Electron进行打包通常会用到electron-builder或者electron-packager两种工具。在使用electron-builder的时候,由于对机制的不熟悉,我们在打包过程中常常遇到很多环境错误,但最终只是一些简单的错误信息,难以排查问题。本文将介绍electron-builder进行DEBUG输出的正确方式来帮助排查打包过程中的各种问题。
https://github.com/dmhsq/electron-vue-dmhsq 或者 https://github.com/dmhsq/electron-vue/tree/main/template
开发者往往通过npm install(或 yarn add)指令完成为Node.js工程安装依赖包的工作,
看完以上介绍,也明白了本文要做的事:用 Vue.js 与 Vuetify 组件,基于 Electron 来创建原生桌面应用。
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/j_bleach/article/details/78513282
曾经的 JavaScript 脆弱、简陋、甚至有被边缘化的危险,不过 JavaScript 在经过了两次飞跃后(以 V8 为首的 JavaScript 引擎和 Node.js 的问世),不再受人欺负,早已升级为绿博士(复仇者联盟 4 中班纳博士和绿巨人的合体,强大而充满智慧)。
Electron可以让程序员重用Web的代码,使用HTML、CSS、JavaScript来构建桌面应用,并在不同平台上使用。
gulp官方文档:https://www.gulpjs.com.cn/docs/getting-started/quick-start/
我在2020年曾经基于Electron开发过一个跨平台桌面应用,在一定的条件下,Electron是非常好的选择。
Electron 之所以能够日益风靡,是因为其简单易用且对各个操作平台具有良好的支持。
领取专属 10元无门槛券
手把手带您无忧上云