网站新功能-音乐盒发布


[success]
今天爆肝了一天,给网站加了点小功能,一起来看一下吧!
[/success]

密码错误次数限制,登录界面去掉滑动验证

因为滑动验证在ipad等触屏设备上无法使用,然后我也研究了一下,但是没有找到好的解决方法,所以只好去掉这个功能了(都怪我太菜了)

同时为了避免账号被暴力破解(虽然我这破网站账号没啥用),只允许用户输入密码错误10次,超过10次后账号会处于锁定状态,只能重置密码解除锁定。

效果如下:

侧边栏音乐盒发布(仅限PC端)

效果图如下

支持切换页面时继续播放。

这个功能不是通过pjax实现的,因为pjax在nuxt上用起来很麻烦,实际上我是利用了cookie来实现的。在页面切换的时候把当前播放进度和当前是否在播放以及播放第几首歌存进去。然后在新页面读取这些数据,并恢复到之前的播放状态(我比较笨只能想到这个办法了)

支持歌词显示


这个实际上就是网站后台从网易云上把歌词拉取下来并显示,本地不存储歌词数据。

本音乐播放器不是自己写的

自己写肯定不现实,所以直接用的大佬的开源库Aplayer。
github地址:https://github.com/MoePlayer/APlayer

我自己只是负责从网易云上获取音乐数据,以及切换页面继续播放功能的实现。


文章作者: 小游
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 小游 !
  目录