Electron视频播放桌面应用
视频播放功能的桌面程序挺常见,但用 Electron 做得又快又稳的还真不多。electron-app 就是个还不错的例子,前端用的都是你熟得不能再熟的 HTML、CSS、JavaScript,后端靠 Node.js 搞定本地文件和系统操作,搭配起来顺手。
index.html 里直接就能看到 UI 页面,视频播放用了 HTML5 的 <video>
标签,搭点 addEventListener
控制播放就搞定。你要是手头正好也有视频类项目,这段代码基本拎出来就能用。
node_modules 和 package.json
管的是依赖,比如你想搞点视频或加点播放控制,装个库引入一下就行,require()
一用,调用方便得。npm 生态在桌面端照样给力。
项目结构也挺清爽,打包那块用的估计是 electron-builder 或 electron-packager,一键出 .exe
安装包,适合发给用户或部署到公司内部,简直就是前端开发者的桌面 App 入门神器。
如果你没接触过 Electron,建议先摸清它的两个大块:Chromium 渲染前端,Node.js 负责系统层操作。前后端合一,开发体验说实话挺爽的。再结合 Git 做版本管理,整个项目维护也方便。
如果你想搞个带播放器的桌面工具,或者正好在学 Electron,可以直接 fork 一份 electron-app
玩玩看。熟悉结构后,想扩展个弹窗、加个设置页、调个接口都不难。
528.12MB
文件大小:
评论区