惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

B
Blog RSS Feed
Spread Privacy
Spread Privacy
T
Threatpost
C
Cisco Blogs
P
Palo Alto Networks Blog
AI
AI
Cyberwarzone
Cyberwarzone
NISL@THU
NISL@THU
P
Privacy & Cybersecurity Law Blog
G
GRAHAM CLULEY
Simon Willison's Weblog
Simon Willison's Weblog
T
Tor Project blog
Latest news
Latest news
AWS News Blog
AWS News Blog
D
Docker
S
SegmentFault 最新的问题
博客园 - 聂微东
WordPress大学
WordPress大学
Vercel News
Vercel News
S
Securelist
爱范儿
爱范儿
J
Java Code Geeks
Know Your Adversary
Know Your Adversary
S
Schneier on Security
Hugging Face - Blog
Hugging Face - Blog
F
Fortinet All Blogs
Last Week in AI
Last Week in AI
D
DataBreaches.Net
宝玉的分享
宝玉的分享
D
Darknet – Hacking Tools, Hacker News & Cyber Security
MongoDB | Blog
MongoDB | Blog
Engineering at Meta
Engineering at Meta
K
Kaspersky official blog
美团技术团队
博客园 - 叶小钗
阮一峰的网络日志
阮一峰的网络日志
量子位
博客园_首页
Attack and Defense Labs
Attack and Defense Labs
S
Secure Thoughts
Google Online Security Blog
Google Online Security Blog
Application and Cybersecurity Blog
Application and Cybersecurity Blog
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
腾讯CDC
T
Threat Research - Cisco Blogs
雷峰网
雷峰网
有赞技术团队
有赞技术团队
www.infosecurity-magazine.com
www.infosecurity-magazine.com
P
Privacy International News Feed
S
Security Affairs

博客园 - 麦舒

网站访问速度的优化 ERP 订单打印的优化 页面 SEO 信息的优化 一个网站首页重构小记 项目分享九:客户端的异常处理 项目分享八:基于按钮点击事件的弹窗 项目分享七:客户端防止表单重复提交 项目分享六:图片的延迟加载 项目分享五:H5图片压缩与上传 项目分享四:购物车页面的更新 项目分享三:页面之间的传值 项目分享二:APP 小红点中数字的处理 项目分享一:在项目中使用 IScroll 所碰到的那些坑 微信开发——通过授权获取用户的基本信息 千呼万唤岂出来,写款软件不容易——Visual Entity 2.0 发布 实现虽易,写好不易——小玩意也能体现编码功力,微信消息处理框架发布 代码重构之 —— 一堆if、esle 逻辑的处理 ALinq Dynamic 使用指南——慨述(上) ALinq Dynamic 使用指南——代码的获取与编译
广告播放软件的开发
麦舒 · 2023-02-02 · via 博客园 - 麦舒

广告播放软件的开发

2023-02-02 09:39  麦舒  阅读(108)  评论()    收藏  举报

前言

很久很久没有写博客了,最近和一朋友,同时也是我粉丝,聊天的时候提起了博客园,
他:“你还有在博客园上写文章吗”
我:“好久没有了”
他:“写吧,我给你点赞。”
于是就有了这篇文章。

正文

最近,业务部门提了一个需求,想在公司的门店,挂个显示器,展示公司的产品。就象大家在快餐店,或者火车站,机场看到的广告屏。就象这样的:

对于这个需求,要考虑三个问题:

  1. 硬件
  2. 操作系统
  3. 软件技术方案选型

市面上,这种广告机,大多数都采用安卓系统 + ARM,因为成本低。但是业务部门考虑维护的便利,要求使用 windows 系统 + PC。既然硬件和系统都定了,那么就差软件技术方案的选型了。桌面端软件的开发方案也很多,如果是你们,会采用什么技术方案呢?

我们根据自身情况,选用了 Electron。具体技术使用到的第三库有:

框架
Electron

服务端
Node.js

客户端
React + ANTD

工具软件
Ngrok,为什么需要用到它呢?因为这个广告播放软件,客户端和服务端绑定在一起的,都部署在门店的广告机。但是我们的运营人员,维护人员并不在门店,需要远程操控,所以需要用到它。

演示地址
我知道你们都想直接看效果,先来张后台截图吧。

前端演示地址

后台截图

项目及源码地址

最后,给大家献上源码。

https://github.com/ansiboy/ad-video-player