1. 程式人生 > >H5,Audio音樂播放器(移動版)

H5,Audio音樂播放器(移動版)

       有些時候,總是感覺自己進步的沒有以前快了。於是就懷疑自己是不是也被時間磨滅了,這可真是一件不幸的事兒。可能是自己會的東西太少了,總是有種莫名的危機感。

       前一段時間,想寫一個移動版音樂播放器,於是就開始利用下班後的時間寫寫。每天大概有大概兩個小時的時間來做這件事兒,但是寫了一版,感覺邏輯不是理想的,所以就推掉了原來寫的,又從新寫了一版。最近公司的事兒有點兒多,所以導致播放器被推延了一個星期,對自己很不滿意,因為效率還是不在理想狀態。

     好了,陳述完畢。開始說說這個小的音樂播放器。

     手機可以掃描二維碼:

      專案實現的功能:

             A:播放器的基礎操作,上一首,下一首,播放暫停,時間軸定位,

             B:音樂分類,收藏功能(離線資料儲存),

             C:隨機背景

             D:同步歌詞

     專案中用到的知識:

             A:專案的選擇器基於zepto.js

             B:切換基於swiper.js,(自己寫了一次,但是有些問題,還希望路過的大神提供給一些學習資料)

             C:audio的操作,請參考audio的API

             D:iconfont圖示的應用(第一次用,確實好用)。

專案截圖: