electron rtsp
web js 播放rtsp视频流方案
# 场景 > 需要在web端预览海康无线摄像头视频流，所以采用海康自身提供的web sdk无法使用 # 方案1 > rtsp流推送到应用服务器，应用服务器再通过ffmpeg 推送到nginx, js再去拉流 缺点： 多了一层转发，造成了一定的延迟 # 方案2 > 通过webRTC方案，使用现有开源插 ......
electron react 简单demo
##1 使用cra 创建 项目 `npx create-react-app center-tools` ##2 安装依赖 ` yarn add electron electron-builder cross-env wait-on concurrently --dev` ` yarn add ele ......
electron 打包错误
An unhandled rejection has occurred inside Forge:Error: EBUSY: resource busy or locked, unlink 'E:\*****\exam-win32-x64\resources\app.asar' 如果引用了本地文件， ......
Electron App 安装包定制 -- Inno Setup 脚本 Pascal Scripting 初探
在做 Electron 项目时，有个需求是安装包安装时要给客户机上装上某个软件 在查看 Inno Setup 官网后发现是通过 .iss 脚本编写实现自定义安装过程 可在 .iss 内可以添加脚本为安装过程添加逻辑 为了测试方便我用 vite 新建一个全新的 electron 项目 用的是这个脚手架 ......
常见各品牌摄像机RTSP取流地址
来源 常见各品牌摄像机RTSP取流地址。-视频监控-公司相关-知识分享-微知识-南京贝加达电子科技有限公司 (bekda.com) 摄像机如果想接入第三方NVR、平台，或添加到多台NVR，可通过RTSP方式进行取流。 需要注意的是，每台摄像机都有接入限制，超过限制会出现黑屏、掉线、回放时间不连贯等问 ......
ffmpeg播放RTSP的一点优化
简单记录一下最近使用ffmpeg播放RTSP做的一点参数优化。 先做如下定义： AVDictionary* options = NULL; 1.画质优化 原生的ffmpeg参数在对1920x1080的RTSP流进行播放时，花屏现象很严重，根据网上查的资料，可以通过增大“buffer_size”参数来 ......
electron中调用node.js API
主进程在node.js环境中运行，等同于它拥有调用require模块和使用所有node.jsAPI的能力。但是在渲染器进程中，渲染器是无法直接访问require和其他node.jsAPI的，想要访问有以下两种方法： Preload脚本 预加载脚本运行在渲染器环境中，可以在BrowserWindow构 ......
使用 ffmpeg + nginx 实现rtsp视频流转m3u8视频流
## 安装ffmpeg ###下载地址：https://github.com/BtbN/FFmpeg-Builds/releases ###安装：下载对应系统安装包，解压缩。 ###配置环境：在环境变量的path中添加ffmpeg的bin目录路径 D:\ware\ffmpeg-master-late ......
electron 隐藏菜单栏
main.js中加menu配置 const { app, BrowserWindow, Menu } = require('electron') function createWindow() { // 取消菜单栏 Menu.setApplicationMenu(null) // Create th ......
electron 开启 webview
main.js中添加webview配置信息 const mainWindow = new BrowserWindow({ width: 800, height: 600, webPreferences: { preload: path.join(__dirname, 'preload.js'), w ......
windows环境下，搭建RTSP视频推流服务器
1. 环境与配置 1.1 系统环境 我这里使用的Windows 10 64位 1.2 下载RTSP服务器 下载页面 : https://github.com/aler9/rtsp-simple-server/releases 这里，我们下载 rtsp-simple-server_v0.19.1_wi ......
无需流媒体，网页播放rtsp，EasyMedia
无需流媒体服务，让浏览器直接播放rtsp/rtmp的神器：EasyMedia - 知乎 (zhihu.com) EasyMedia: Springboot、netty实现的http-flv、websocket-flv直播点播，支持rtsp、h264、h265、rtmp等多种源，h5纯js播放（不依赖 ......
Electron Vue Vite 开发桌面应用
## 我需要使用Electron, VUE3, Vite 开发一个桌面应用，接收来自串口的数据，并使用Plotly绘制随时间变化的曲线，请提供开发步骤，项目文件结构 好的，以下是一个基本的 Electron + Vue3 + Vite 应用的开发步骤： 确保您已经安装了 Node.js 和 npm。 ......
Electron打包若依前端为桌面程序
下面的步骤是我事后整理的，还需要第二个项目进行验证，才能知道是否完整。 1.npm install electron --save-dev 2.npm install electron-builder 3.设置图标的：npm install electron-icon-builder 3.打开env ......
electron 无边框窗口拖拽移动问题记录及解决办法
在做一款uTools的插件,[悬浮文本](https://github.com/itldg/utools-suspension-text) ![image](https://img2023.cnblogs.com/blog/704808/202306/704808-20230618125803865 ......
【GStreamer rtsp】gstreamer-rtsp-server开发环境搭建
1.安装gstreamer基础库 ``` sudo apt-get install libgl1-mesa-dev sudo apt-get install gstreamer1.0-libav sudo apt-get install gstreamer1.0-plugins-bad sudo a ......
Journal of Electronic Imaging投稿分享
Journal of Electronic Imaging投稿分享 在研究生阶段中的第一篇论文，前后总共三个月，还是很开心的！！！ 附下中稿图片 这个期刊从二月份开始投的，然后三月份给了大修，大修时间一个月。在四月份左右提交了修改稿，最终五月份就给了录用通知！总的来说，速度还是很快的。 附下两次的审 ......
python opencv rtsp
# coding: utf-8 # 打开摄像头并灰度化显示 import cv2 as cv camera_id = "rtsp://admin:1222@192.168.0.218:554/jingli/realmonitor?channel=1&subtype=0" # 0表示摄像头的编号 ca ......
Jpro Toolbar Perform a Comprehensive Electronic Inspection With Visual PM Inspection
JPRO helps perform a comprehensive electronic inspection of the truck, but it’s important to pair this with a visual PM inspection. Using checklists a ......
Electron 案例
Electron简介 Electron是干什么的？ 简单来讲，Electron 使用 JavaScript，HTML 和 CSS，来构建跨平台的桌面应用程序。 按照官方的说法：如果你可以建一个网站，你就可以建一个桌面应用程序。 和传统的桌面应用相比，使用Electron开发更容易上手，开发效率更高。 ......
Electron桌面应用开发基础
# Electron桌面应用开发 ### Electron技术架构 地址：[快速入门 | Electron](https://www.electronjs.org/zh/docs/latest/tutorial/quick-start) - Chromium 支持最新特性的浏览器 - Node.js ......
Electron-ChatGPT桌面端ChatGPT实例|electron25+vue3聊天AI模板EXE
基于electron25+vite4+vue3仿制chatgpt客户端聊天模板ElectronChatGPT。 electron-chatgpt 使用最新桌面端技术Electron25.x结合Vite4.x全家桶技术开发跨端模仿ChatGPT智能聊天程序模板。支持经典+分栏两种布局、暗黑+明亮主题模 ......
win10配置Electron安装环境以及解决报错
学习electron做桌面应用程序开发，从安装到Hellow World，过程中遇到的问题以及解决方式。 # 开始学习 这边[Electron官方文档](https://www.electronjs.org/zh/docs/latest/tutorial/quick-start "快速入门")有详细 ......
electron-vue3的项目怎么引用element-plus的icon图标
在electron结合vue3的项目中，引入element-plus的icon可以根据官网的步骤： 先安装icons-vue npm install @element-plus/icons-vue 注册所有图标，在main.js/main.ts 1 import * as ElementPlusIc ......
视频融合EasyCVR平台接入RTSP流后设备显示离线是什么原因？
在视频能力上，EasyCVR可提供视频监控直播、视频轮播、视频录像、云存储、回放与检索、智能告警、服务器集群、语音对讲、云台控制、电子地图、平台级联等。视频画面支持1、4、9、16个画面窗口播放，同时播放多路视频流。感兴趣的用户可以前往演示平台进行体验或部署测试。 ......
在electron项目如何引入element-plus开发
安装element-plus npm install element-plus --save 按需引入插件 npm install -D unplugin-vue-components unplugin-auto-import 配置文件修改 由于我这个是vue-cli搭建的项目，所以是在vue.co ......
wireshark解析RTSP交互
RTSP信令交互 RTSP协议即实时流协议（Real TIme Streaming Protocol,RTSP）是一种网络应用协议，用以控制流媒体服务器信息交互。大多数RTSP服务器使用实时传输协议（RTP）和实时传输控制协议（RTCP）结合媒体流传输。即客户端和服务器先进行RTSP交互，获取服务端 ......
基于electron25+vite4创建多窗口|vue3+electron25新开模态窗体
在写这篇文章的时候，查看了下electron最新稳定版本由几天前24.4.0升级到了25了，不得不说electron团队迭代速度之快！ 前几天有分享一篇electron24整合vite4全家桶技术构建桌面端vue3应用示例程序。 https://www.cnblogs.com/xiaoyan2017 ......
使用 electron 做个播放器
虽然 electron 已经出来好长时间了，但是最近才玩了一下，写篇博文记录一下，以便日后回顾。 electron 的入门可以说是相当简单，官方提供了一个 quick start，很流畅的就可以跑起来一个应用。 为啥要做个播放器呢，因为我在很久很久以前写过一个网页版的音频可视化播放器，但是因为是在页 ......
electron_vue
# 安装 npm i element-ui -S  ## Q: 安装 npm 时，如果要安装的库版本与要安装到的项 ......