electorn读取本地视频资源

最新推荐文章于 2024-06-14 09:49:31 发布

小张很嚣张～

最新推荐文章于 2024-06-14 09:49:31 发布

阅读量690

点赞数

分类专栏：前端速成前端 Vue 文章标签： electron 前端 vue.js

本文链接：https://blog.csdn.net/weixin_47000305/article/details/126411500

版权

前端同时被 3 个专栏收录

69 篇文章 2 订阅

订阅专栏

Vue

56 篇文章 3 订阅

订阅专栏

前端速成

25 篇文章 2 订阅

订阅专栏

踩了一些坑最终还是找到了以下方法

function getMp4File(item){
	const buf = fs.readFileSync(item)
	const uint8Buffer = Uint8Array.from(buf)
	const bolb = new Blob([uint8Buffer])
	return window.URL.createObjectURL(bolb);
}

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小张很嚣张～

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
打赏
0
评论
electorn读取本地视频资源

electorn读取本地视频资源
复制链接

扫一扫

专栏目录

Electron常见问题 65 - Electron 如何操作本地的音视频设备

liuzhen007的专栏

04-08

1310

之前的文章中提到过，安卓等移动端APP在采集音视频数据时，需要打开本地摄像头和麦克风设备。同理，桌面端应用程序在采集音视频数据时也需要依赖本地的音视频设备，今天本文的主要内容就是讨论Electron是如何操作本地的麦克风和摄像头以及如何控制麦克风和摄像头采集音视频数据。《Electron实战》系列-总览。

Electron+vue打造一个本地播放器(附项目代码)，百度前端岗一面+二面内容

weixin_57992300的博客

04-17

963

个人觉得系统自带的菜单栏太丑了，就给设置了无边框再自己加上最小化，关闭的功能。最小化，关闭是通过ipc通信，渲染进程监听到有点击操作后，通知主进程进行相应的操作。渲染进程close() {},主进程app.quit();});});

参与评论您还未登录，请先登录后发表或查看评论

electron和vue读取本地视频文件并转化为blob

阿勇的博客

03-03

4957

electron和vue读取本地视频文件并转化为blob fs获取本地视频并转化为blob格式 <template> <div class="test"> <video controls="true" autoplay="" name="media"> <source :src="videoSrc" type="video/mp4"> </video> </div> &l

推荐一款经典视频播放器：Electron Video Player

最新发布

gitblog_00045的博客

06-14

404

electron-rtsp-to-rtmp:在electron中实现本地播放rtsp视频流

05-25

electron-rtsp-to-rtmp 在electron中实现本地播放rtsp视频流 git clone ...... npm install npm start 复制 rtmp://localhost:1938/live/livestream 到播放器打开即可查看，具体代码看man.js文件

electron播放本地任意格式的视频

daodfs1的博客

09-02

5886

目录说明npm依赖核心代码创建一个独立的video-server.js文件，在子里程中运行，开启http服务创建一个独立的server-child.js文件，开启子里程运行video-server.js使用（非核心代码）html文件index.js文件说明不支持快进和显示时间，最大流畅支持2G/小时的视频，未使用硬件加速（技术水平不足），高清视频转码太慢。 electron可以直接读取硬盘上的文件，对于mp4视频不需要转码（很不严谨，如需要更严谨，请参考别人的博客），直接将其路径赋值给video的src

electron选择加载本地资源【图片、视频、音频】

weixin_42429220的博客

05-25

590

electron要成功预览本地文件主要还是利用对文件做处理，拿到二进制数据，通过主进程与渲染进程通信，把文件的二进制传输给渲染进程，经过Blob转换得到URL, 就ok了。

播放本地视频

06-04

在Android开发中，"播放本地视频"是一个常见的需求，它涉及到多媒体处理和UI设计的知识点。下面我们将详细探讨如何在Android应用中实现这个功能。首先，我们要了解Android系统中的视频播放是通过`MediaPlayer`类来...

Electron项目：读写本地json文件，实现用户登录、修改用户信息，窗口最小化，最大化，关闭窗口

09-02

Node.js的`fs`模块提供了读写文件的能力，例如`fs.readFile()`和`fs.writeFile()`，可以用来读取和保存JSON数据到本地文件。 3. **用户登录**：用户尝试登录时，通常会提供用户名和密码。在正常情况下，这些信息...

electorn-learn

03-18

电子快速启动克隆并运行以快速查看Electron的运行情况。这是基于Electron文档中的《的最小的Electron应用程序。将此应用程序与应用程序结合使用以获取API代码示例，以帮助您入门。基本的Electron应用程序仅需要...

electron-mp4-viewer:使用电子的mp4转换器（基于ffmpeg）

05-03

使用电子的简单媒体转换器可以从此处下载Windows的预编译二进制文件并进行测试这是一个简单的电子应用程序，用于处理单个媒体文件（播放，转换，捕获，上传）如果您需要将各种媒体格式转换为标准h.264，这可能会有所帮助！使用以下模块 UIKit -UI框架 ffmpeg-fluent.js媒体格式信息提取和转换 node-thumbnail -制作缩略图 node-ftp将媒体上传到ftp服务器使用安装 # Clone this repository git clone https://github.com/ryuken73/electron-mp4-viewer.git # Install dependencies npm install # Run the app npm start 加载媒体只需拖放媒体然后ffprobe提取媒体信息并加载视频播放器只能加载htm

视频播放器：使用Electron和Node.js的视频播放器

02-04

视频播放器安装electron（新版electron会导致播放卡顿）安装node.js： brew install node 进入项目文件根目录：如果安装了新版本，则需将其删除： npm uninstall electron -g npm uninstall electron 安装旧版本（1.4.13）： npm install -g electron-prebuilt 或者npm install -g electron@1.4.13 clone后运行软件的方法在终端中进入项目根目录查看app运行情况： npm start 安装app打包程序： npm install elec

EasyVideo用Electron和Vue全家桶开发的桌面端视频播放器

08-12

Easy-Video 用Electron和Vue全家桶开发的桌面端视频播放器

lp-calculator-electorn

05-07

lp-calculator-electorn An electron-vue project 国服EVE LP兑换计算器价格基于国服市场中心请注意兑换比例仅供参考，注意游戏中实际成交量，很多东西兑换比较高但是成交量极少，不要一股脑换完没法出货就傻眼了...

electorn-11-webgl

03-22

通过"electorn-11-webgl-master"这个压缩包文件名，我们可以推测这是一个包含了源代码和资源的项目仓库。在探索这个项目时，你可能会找到以上知识点的实际应用示例，例如项目的目录结构、HTML和JavaScript文件、以及...

Electron+vue打造一个本地播放器(附项目代码)

m0_56169789的博客

04-01

876

Electron+vue打造一个本地播放器(附项目代码)(1)

2401_84150165的博客

04-12

750

个人觉得系统自带的菜单栏太丑了，就给设置了无边框再自己加上最小化，关闭的功能。最小化，关闭是通过ipc通信，渲染进程监听到有点击操作后，通知主进程进行相应的操作。渲染进程close() {},主进程app.quit();});});资料过多，篇幅有限，需要文中全部资料可以点击这里获取前端面试资料PDF完整版！自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。

Vue的组件化

2401_84446548的博客

04-29

212

总结来说，面试成功=基础知识+项目经验+表达技巧+运气。我们无法控制运气，但是我们可以在别的地方花更多时间，每个环节都提前做好准备。面试一方面是为了找到工作，升职加薪，另一方面也是对于自我能力的考察。能够面试成功不仅仅是来自面试前的临时抱佛脚，更重要的是在平时学习和工作中不断积累和坚持，把每个知识点、每一次项目开发、每次遇到的难点知识，做好积累，实践和总结。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】Right总结来说，面试成功=基础知识+项目经验+表达技巧+运气。

electorn 热更新

09-23

Electron是一种开源的框架，用于创建跨平台的桌面应用程序。它基于Web技术栈，使用HTML、CSS和JavaScript来开发应用程序界面。而"热更新"是指在应用程序运行过程中，实时更新应用程序的代码和资源，以使用户能够立即获得新的功能和修复bug。在Electron中，实现热更新的方式有很多种，下面介绍两种常用的方法。第一种方法是使用Electron的自动更新模块`autoUpdater`。它可以与Electron小应用的后端服务进行通信，检查新版本的应用程序是否可用，并自动下载和安装更新。通过这种方式，用户可以在不重启应用程序的情况下享受到最新的功能和修复。第二种方法是使用Electron的热重载功能。通过使用工具类库如`electron-reload`，可以监听文件系统的更改并自动重新加载应用程序窗口，以便实时应用最新的代码和资源。这种方式对于开发过程中的快速迭代非常有用，可以让开发人员实时查看到改动的效果。无论是使用`autoUpdater`还是热重载功能，Electron的热更新使开发人员能够更高效地进行开发和测试，同时也提供了更优质的用户体验。用户可以无需重新启动应用程序即可享受到最新的功能和修复，同时也减少了开发人员的发布工作量。总之，Electron的热更新是一项强大的功能，可以提升开发效率并改善用户体验。无论是开发人员还是最终用户，都能从中受益。