项目实战

    今日:19765| 主题:1002
收藏本版 (197)
发表新帖

[前端开发] Electron开发本地音乐播放器

[复制链接]
admin 发表于 2020-3-21 17:39:15
2772 26
QQ截图20200321173833.png
〖课程介绍〗:
        本课将带你由浅入深掌握Electron这个构建跨平台桌面应用的基本概念和用法,复原从零搭建一个本地音乐播放器的全过程,通过从零开始,一步步完成一个完整的应用,整个过程中穿插了Node.js的第三种玩法和集成浏览器内核的原理,让你轻松高效学会Electron开发。/ p$ O- C, G5 L6 i
        
〖课程目录〗:
        第1章 进入 Electron 的世界
        Electron是全球最大的技术社区GitHub推出的使用HTML、CSS和JavaScript构建跨平台的桌面应用框架。本章主要讲解什么是Electron以及配置Electron的开发环境。
         1-1 什么是 Electron (06:29)4 V) c" s4 z1 V
         1-2 配置开发环境 (04:33)6 G+ ]9 t/ Y  S" U
        第2章 第一个Electron应用# X3 z5 s3 R- F: G+ g1 \& U
        本章通过第一个简单的Electron Demo讲解Electron中最核心的主进程与渲染进程、browserWindow以及进程之间的通信等内容。1 E) E( d! x/ m/ z
         2-1 主进程和渲染进程 (07:14)
         2-2 创建 browserWindow (12:42)
         2-3 进程间通信 (10:37)/ D6 |; ]  \8 h$ l" E
        第3章 播放器应用的演示与分析+ t" o, H. h: l/ O: {, W
        本章从应用的原型图出发,分析播放器应用的功能流程以及工程文件结构等内容。1 f+ R3 O' P4 a( ?8 R
         3-1 从原型图出发 (04:59)- Y2 t+ ~& {' p% p' H
         3-2 功能流程和文件结构 (06:53)
        第4章 播放器应用之添加音乐窗口, }; `: B: M8 [* f+ Z) N
        本章从首页开始制作,创建添加音乐的窗口,并通过Dialog模块实现添加音乐模块,以及使用Electron Store实现数据的持久化存储。
         4-1 从首页样式开始 (08:25)% Z1 K' P+ M, E! u' Q
         4-2 创建添加音乐窗口 (07:27)
         4-3 创建窗口类 (08:24)
         4-4 使用 Dialog 模块添加音乐文件 (09:14)( A! ~6 {: i. }2 t) [: b& [0 L/ R! Z
         4-5 展示添加的文件列表 (11:19)
         4-6 使用Electron store 持久化数据 (07:00)
         4-7 音乐持久化存储类 (08:19)
         4-8 使用存储类保存数据 (10:40). O3 j$ E+ X& }/ `. W
        第5章 播放器应用之播放器窗口, F" B/ l" b+ }/ e  F. o; P( I
        本章主要讲解播放器应用中的渲染主窗口,其中包括音乐列表功能,以及音乐播放功能等内容。4 o9 Y4 h6 U2 {- L8 k
         5-1 获取数据 渲染主窗口列表 概念 (09:04)
         5-2 获取数据 渲染主窗口列表 编码部分 (15:06)
         5-3 播放音乐难点分析 (07:04)) l# L& Z& j8 r- J, E5 F2 @
         5-4 主窗口播放音乐代码(一) (11:03)6 {' b0 l5 |/ V: b& W; g
         5-5 主窗口播放音乐编码(二) (10:34)
         5-6 添加音乐播放器状态(一) (10:09)- ?$ S; V# D/ q/ z6 r  R% N
         5-7 添加音乐播放器状态(二) (12:26)) n" i1 E1 E& C  J2 I% S) Y5 C
        第6章 应用打包与分发2 x, V  }, D0 @
        本章主要以MacOS系统为例,讲解如何通过Electron Builder打包Electron应用程序。4 p, q8 ~! K- j. s: }5 \* w
         6-1 安装 electron-builder (05:36)
         6-2 添加 electron builder 配置文件 (10:56). q5 A% u) j) \* I- i7 H: V8 G
         6-3 在 macOS 平台打包程序 (06:56)
        第7章 总结与展望
        总结本课程中的核心Electron技术中的重点、难点,基于本课程展望更高阶的Electron课程计划。% s$ s, F; N/ E
         7-1 总结与展望 (07:12)
游客,如果您要查看本帖隐藏内容请回复





上一篇:支持10万人同时在线 Go语言打造高并发web即时聊天(IM)应用
下一篇:Flutter 鲜花商城项目实战视频教程
回复

使用道具 举报

blackcater 发表于 2020-3-22 09:10:13
看帖看完了至少要顶一下,还可以加入到淘帖哦!支持吾爱编程网!
回复

使用道具 举报

函数 发表于 2020-3-22 19:00:49
看了LZ的帖子,我只想说一句很好很强大!支持吾爱编程网!
回复

使用道具 举报

1714793266 发表于 2020-3-22 19:25:31
不管你信不信,反正我是信了。支持吾爱编程网!
回复

使用道具 举报

uuuuoooo 发表于 2020-3-22 20:28:05 来自手机
Electron开发本地音乐播放器
回复

使用道具 举报

juerui 发表于 2020-3-23 09:23:39
哥顶的不是帖子,是寂寞!支持吾爱编程网!
回复

使用道具 举报

keke12300 发表于 2020-3-23 10:28:02
不管你信不信,反正我是信了。支持吾爱编程网!
回复

使用道具 举报

silent 发表于 2020-3-24 13:11:17
看帖看完了至少要顶一下,还可以加入到淘帖哦!支持吾爱编程网!
回复

使用道具 举报

ping 发表于 2020-3-31 20:59:26
不管你信不信,反正我是信了。支持吾爱编程网!
回复

使用道具 举报

wangjianghua 发表于 2020-4-3 17:14:55
Electron开发本地音乐播放器
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

返回顶部 返回列表

平台简介

吾爱编程网:http://www.52pg.net/是IT技能学习交流平台,我们提供了丰富的移动端开发、php开发、web前端开发、android开发、Java开发、Python开发、大数据开发、区块链开发、人工智能开发以及html5等大量的实战视频教程资源。(如果我们有侵犯了您权益的资源请联系我们删除)

点击这里给我发消息|Archiver|手机版|小黑屋|站点地图|吾爱编程  |网站地图 | VIP购买

Powered by Discuz! X3.2  © 2017-2020 Comsenz Inc.  吾爱编程网