基于 Electron 和 angular material 编写的动画广播聚合应用

2015-07-07 20:36:00 +08:00
 exoticknight
github: https://github.com/radioit/radioit-desktop

lz 在看动画之余有时会听跟动画联动的广播,嫌打开网页麻烦,写了 python 脚本来抓。

近来在想弄个带 GUI 的,由于以前稍稍用过 node-webkit(现在叫 NW.js),所以尝试用 Electron(原来叫 Atom Shell)来做一个。下面是截图。



有一些简单的功能:
1、浏览三个广播站的广播
2、浏览广播的详细信息
3、得到广播的音频地址

关于 Electron 的博文不多,于是也在更新编写过程的总结性博文:

http://blog.e10t.net/build-application-with-angular-and-ng-material-based-on-electron-0-preface/

http://blog.e10t.net/build-application-with-angular-and-ng-material-based-on-electron-1-analyze-and-configuration/

另外 Electron 的例子同样也不多,于是也在写上面的应用之后尝试抽出了一个 startup application。

github: https://github.com/exoticknight/electron-startup

大家可以来给建议和 PR。
3648 次点击
所在节点    分享创造
8 条回复
sxd
2015-07-08 09:25:27 +08:00
coolicer
2015-07-08 18:35:46 +08:00
回去看看
arens
2015-07-13 15:15:49 +08:00
怎么实现这种Google style,有开源库吗?
exoticknight
2015-07-14 08:41:54 +08:00
@arens 大部分是用基于 angular 的 angular material,标题栏是自己用 css 做的。现在还有一个 MDL,http://www.getmdl.io/components/index.html
sunqixiaoxixi
2015-07-20 02:11:48 +08:00
electron在哪这方面有优势呀
exoticknight
2015-07-20 12:02:30 +08:00
@sunqixiaoxixi
说有优势倒不如说迎合了一部分人的使用习惯,扩展了软件编写的方法
对比普通 GUI 库:能用 html 和 css,熟悉网页制作就能做 GUI / 界面自由度大 / 调试方便
对比 NW.js:社区成熟活跃 / 以 js 为主导
Dean
2016-01-28 11:24:59 +08:00
@exoticknight 敢问题主有的什么编辑器或 IDE ,如何解决引入 require('electron')module 后,无法在编辑中自动代码提示,非常不习惯没提示😂
exoticknight
2016-01-28 11:51:25 +08:00
@Dean 我用 sublime text ,的确是没有自动提示的,有 js 的提示其实就够了。另外 Electron 的版本变化太快,应该也没有什么工具吧?不知道 webstorm / VS 有没有?

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/204036

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX