vue 音乐盒app_VBox 一款基于vue开发的音乐盒 序章

己基于vue写了一个 Mplayer,

只有简单的搜索播放随心听功能,样式适配上也很差, 路由就两个,数据都走vuex,数据转发是用nodejs自己转发,而且只是PC能比较好的展现,之后不了了之,偶尔也自己上来听听歌曲。

有一天,抬头看,有一片云,特别的蓝,风一吹,一阵花香飘来,美好,美好的东西都是慢慢积累出来的。

于是开始基于vue重写Mplayer,重命名为VBox。Github地址:https://github.com/xiangwenhu/vbox

功能参考:https://y.qq.com/ ,

基本功能:

首页,

歌手,

专辑,

排行榜,

歌单,

MV,

搜索,

分享,

设置

其他功能:

响应式布局- 基于rem

延伸功能:

零张图片 -程序上零图片,css话或者canvas绘画

版本更新- 基于 Service Worker

资源预测 - 基于 Web Worker/prefetch ,比如检查到时wifi后,打开首页后,Web Worker 自动去拉取其他功能第一屏幕的数据, 某个功能展现后,预拉取第二页的数据

自我录制- 基于 MediaRecorder

在线分享- 基于 Web RTC

失焦即停 - 基于 Page Visibility,可以在设置里面设置。

QQ/微信登陆 - 真的一样,酷啊(难度不小哈)

这些看起来挺多,也有一定的难度,知难而行,喜欢就好。

写下这么多,一方面是鼓励自己加油,一方面是告诫自己,路很长,加油。

现在基本功能开发了一些,给几张截图安慰一下自己。

ec2814b04f0655f8a19dd30a2bb4f95d.png

8f7e47c0214fb4f60f85d3d435738290.png

63c4584674700ff7ed97535eba61edf5.png

7f91cb51b1c108b08be8779a1949da9a.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值