VBox 一款基於vue開發的音樂盒 序章

Github地址：https://github.com/xiangwenhu/vbox, 歡迎你們點贊

本身基於vue寫了一個 Mplayer,

github地址：https://github.com/xiangwenhu/MPlaer，

演示地址：http://babydairy2017.cloudapp.net:3000/index#/index

只有簡單的搜索播放隨心聽功能，樣式適配上也不好， 路由就兩個，數據都走vuex，數據轉發是用nodejs本身轉發，並且只是PC能比較好的展示，以後不了了之，偶爾也本身上來聽聽歌曲。

有一天，擡頭看，有一片雲，特別的藍，風一吹，一陣花香飄來，美好，美好的東西都是慢慢積累出來的。

因而開始基於vue重寫Mplayer，重命名爲VBox。

功能參考：https://y.qq.com/ ，

基本功能：

　　首頁,

　　歌手，

　　專輯，

　　排行榜，

　　歌單，

　　MV,

　　搜索， 

　　分享,

　　設置

其餘功能： 

    響應式佈局- 基於rem

延伸功能：      

       零張圖片 - 程序上零圖片，css話或者canvas繪畫

       版本更新- 基於 Service Worker

       資源預測 - 基於 Web Worker/prefetch ，好比檢查到時wifi後，打開首頁後，Web Worker 自動去拉取其餘功能第一屏幕的數據， 某個功能展示後，預拉取第二頁的數據

　　離線播放-基於 FileSystem&IndexedDB, 基於FileSystem 的大文件離線存儲已經實現一個基本版本，地址：https://github.com/xiangwenhu/BlogCodes/tree/master/client/FileSystem

       自我錄製- 基於 MediaRecorder

       在線分享- 基於 Web RTC

       失焦即停 - 基於 Page Visibility，能夠在設置裏面設置。

　　QQ/微信登錄 - 真的同樣，酷啊（難度不小哈）

    

這些看起來挺多，也有必定的難度，知難而行，喜歡就好。

寫下這麼多，一方面是鼓勵本身加油，一方面是告誡本身，路很長，加油。

如今基本功能開發了一些，給幾張截圖安慰一下本身。