用ElectronZuo桌面应用,特别是需要播放本地视频的应用,你会遇到各种问题,哈哈,比如视频格式不支持啥的。

说实话,我一开始也是头大,因为H5 video标签支持的视频格式有限,你懂的。

咱就是说,需要支持各种格式的视频播放,比如 MP4、AVI、MOV、WMV、FLV、RMVB、WEBM、OGG 等等。

那咋办呢?后来我就想到了使用ffmpeg来支持所有视频格式,那个那个,对,就是ffmpeg!

ffmpeg 是一个强大的多媒体处理工具,Ke以用来转码、剪辑、合并等等。

所以,我就想着用ffmpeg转码非mp4视频,然后再播放,嗯,就这么干!

加载本地资源有两种方式:1. 通过设置webSecurity: false、修改html的csp权限;2. 通过自定义协议的方式加载。

我选择了第二种方式,自定义协议的方式加载本地资源,这样比较安全,也比较灵活。

,我们需要安装必要的依赖,比如electron和ffmpeg等。

然后,我们需要创建一个electron应用,并配置好相关参数,比如宽高、标题啥的。

接下来,我们需要实现视频播放功Neng,这里我们使用video标签来播放视频。

对于mp4视频,我们Ke以直接将其路径赋值给video的src属性即可;对于非mp4视频,我们则开启http推流,使用ffmpeg转码后再播放。

害,不支持快进和显示时间,是个问题,不过咱Ke以慢慢优化嘛!

有人问,为什么百度不收录我的文章?这个问题嘛,说实话,我也不太清楚。

不过,有一种说法是,百度的收录规则比较复杂,需要满足一定的条件才Neng被收录,比如内容质量、原创度等等。

所以,Ru果你的文章内容质量高、原创度高,那百度应该会收录的,你再等等kan吧!

为了优化electron播放本地视频,我们Ke以使用硬件加速啊,比如使用GPU加速转码啥的。

不过,这需要一定的技术水平,你得熟悉相关的技术栈才行。

不对不对,应该是先优化代码,再考虑硬件加速啥的!

electron-rtsp-to-rtmp:在electron中实现本地播放rtsp视频流,这个项目Ke以参考下。

electronjs.org/docs/tutorial/security#csp-meta-tag -- !-- 注意下面这一行代码 --meta http-equiv= Content-Security-Policy content= default-src 'self' data: gap: https://ssl.gstatic.com; style-src 'self' 'unsafe-inline'; media-src *;connect-src *;script-src * 'unsafe-inline' 'unsafe-eval'; / script src= renderer/server-child.js /script /headbody h1 Hello World! /h1 div label 请选择视频 input id= file-video type= file /label /div div button id= show-video 显示视频/b> /button /div div button id= stop-视频/b> 停止播放/b> /button /div video src= width="100%" height="100%" controls /video .../body/html这样的代码Ke以实现基本的播放功Neng.