• 岡易云音樂(lè)
• 該項(xiàng)目完成一款功能較為齊全的音樂(lè)播放器，如控制臺(tái)的靈活操控，精心甄選的歌單任你選擇切換，進(jìn)度條與時(shí)間表的實(shí)時(shí)更新，歌詞酷炫動(dòng)態(tài)展示等，選擇岡易云音樂(lè)，一款懂你的音樂(lè)播放器~
• 在完成項(xiàng)目的過(guò)程中靈活運(yùn)用各種技術(shù)：
  1. 采用響應(yīng)式布局，輕松適配多種終端，但是在實(shí)現(xiàn)過(guò)程需要頻繁計(jì)算vh
  2. 引用css3，使得頁(yè)面具有美感，提升用戶(hù)體驗(yàn)
  3. 使用jQuery，使得代碼更加簡(jiǎn)潔，且提供豐富功能，如jQuery插件的使用使得歌詞動(dòng)態(tài)展示，getJSON獲取數(shù)據(jù)更加輕松等。
  4. 實(shí)現(xiàn)播放器的進(jìn)度條、時(shí)間表及歌詞展示巧妙運(yùn)用各種技巧。監(jiān)聽(tīng)play事件，獲取當(dāng)前音樂(lè)curentTime與duration，其比值即進(jìn)度條長(zhǎng)度百分比；時(shí)間表分為分與秒倆個(gè)部分，秒加上判斷使得展現(xiàn)1：06這樣的格式；獲取歌詞數(shù)據(jù)，spilt拆分?jǐn)?shù)據(jù)為數(shù)組，正則匹配時(shí)間為屬性，匹配歌詞為數(shù)組的值，完成歌詞展示
• 艱難的做完項(xiàng)目，雖然遇到很多bug，但大體功能是完善了，收獲累累
• 技術(shù)棧：jQuery、CSS3、響應(yīng)式布局

預(yù)覽地址：http://js.jirengu.com/yemicekefi/1/edit?html,output