前言
很久很久没有写博客了，最近和一朋友，同时也是我粉丝，聊天的时候提起了博客园，
他：“你还有在博客园上写文章吗”
我：“好久没有了”
他：“写吧，我给你点赞。”
于是就有了这篇文章。
正文
最近，业务部门提了一个需求，想在公司的门店，挂个显示器，展示公司的产品。就象大家在快餐店，或者火车站，机场看到的广告屏。就象这样的：
<video style="max-width:400px;">
<source id="mp4" src="https://ansiboy.github.io/ad-video-player/content/example.mp4" type="video/mp4">
</video>
对于这个需求，要考虑三个问题：
- 硬件
- 操作系统
- 软件技术方案选型
市面上，这种广告机，大多数都采用安卓系统 + ARM，因为成本低。但是业务部门考虑维护的便利，要求使用 windows 系统 + PC。既然硬件和系统都定了，那么就差软件技术方案的选型了。桌面端软件的开发方案也很多，如果是你们，会采用什么技术方案呢？
我们根据自身情况，选用了 Electron。具体技术使用到的第三库有：
框架
Electron
服务端
Node.js
客户端
React + ANTD
工具软件
Ngrok，为什么需要用到它呢？因为这个广告播放软件，客户端和服务端绑定在一起的，都部署在门店的广告机。但是我们的运营人员，维护人员并不在门店，需要远程操控，所以需要用到它。
演示地址
我知道你们都想直接看效果，先来张后台截图吧。
后台截图
<img style="max-width:1000px" src="https://camo.githubusercontent.com/af1e837a8d44ee2c81c25e978d4657b224c8f9af0a17f2e7e0a0b30734eb60ea/68747470733a2f2f616e7369626f792e6769746875622e696f2f61642d766964656f2d706c617965722f636f6e74656e742f73696e676c652d73637265656e2e706e67"/>
项目及源码地址
最后，给大家献上源码。
