标签：多个 lan 升级 display str hub 做了 输入 line
缘起峡谷众所周知, web应用是可以打包成桌面应用的. 而我一直没太在意这个事儿, 直到某一天夜晚...
那天, 我独自在召唤师峡谷晃荡, 披荆斩麻, 享受着杀戮的快感. 那把比赛不是普通的排位, 是我赌上荣耀的一战, 因为 当时我已经0胜点了...
果不其然, 在这几位提款机队友的帮助下, 我成功拿下SVP. 随之而来的便是掉段的通知弹窗. 作为前端工程师, 我敏锐地注意到, 客户端弹窗的内容带着<br>标签.
纳尼!? LOL是Web写的? 这不可能! 一般客户端都是C++写的, 更何况还是个大型游戏. 于是我百度了下, 结论是: 客户端进游戏之前是Web做的, 进入游戏后是C++做的. 我突发奇想, 那我是不是也能整一个? 于是我开始考虑整个啥桌面应用好.
一开始我就选择了快播... 不是, 不好意思... 一开始我就选择了网易云. 但我并没有网易云的设计稿, 我就拿着尺子和取色器一点点扣的....最后就做成了这样子. 我将这个项目命名为Sound.
不仔细看是不是觉得还挺像的? 开发Web版的网易云, 社区里已有好多个版本, 所以我打算做创新玩法, 不想单纯地做一个音乐播放器了. 于是做了个『听歌识曲』这样的小游戏, 只是套在网易云的界面中罢了.
你可能也发现了, 这个歌单咋的好像近视了似的? 试想, 你要能看见歌名那还用猜么?
双击歌曲可以试听, 但是呢, 你只能听副歌部分, 超出部分是无法听的. 无论你拉进度条还是怎么样, 都不行! 我的世界我说了算~!
你可以单击红色锁头, 输入歌名即可解锁. 猜对歌名就可以解锁这首歌
每猜对一首歌, 都能增加100经验值, 可以用于升级~
如果有歌曲的确是特别特别难猜怎么办? 问题不大! 这里我为你们设计了一个世界上最好听的BGM作为彩蛋, 你只需要点击下面这个红色的按钮即可获取钥匙! , 将钥匙拖动到锁头上即可免答解锁歌曲!
<br />
<br />
当你达到一定等级之后就可以一键解锁拉~
通过web的方式(因个人精力有限, 未做移动适配):
https://qingflow.github.io/sound/guess-song
如果上面打不开, 可以访问国内镜像:
https://eve.weishour.com/guess-song
本地应用(仅限windows):
https://file.qingflow.com/uploads/file/0432ce66-4437-4aba-883c-fd480c6113f0.exe
侧边栏还有两个模块, 是我另外两位同事写的, 有兴趣的也可以尝试一下. 对于其他模块的介绍暂时还没有, 可以关注我司专栏, 我们会在第一时间发布.
专栏地址: https://zhuanlan.zhihu.com/c_1068826875404697600
仓库地址: https://github.com/QingFlow/sound
『听歌识曲』Angular+Electron打造PC端网易云音乐
标签：多个 lan 升级 display str hub 做了 输入 line
原文地址：https://blog.51cto.com/11000142/2456878
