html通過自适應制作手機端音樂播放器

html通過自适應制作手機端音樂播放器

      實作效果：

實作思路：

    1、布局：

    (1)、将手機的寬度進行10等分  為10rem

    (2)。通過rem定義各個元素的寬高、間距、字型大小

    (3)、通過CSS3文法定義頭像的旋轉動畫功能

    2、js部分

    (1)、通過開關按鈕控制控制音頻的開和關，頭像旋轉的開和關

    (2)、通過監聽音頻的時間變化事件改變進度條的進度畫面。

    (3)、點選下一頁、上一頁切換歌曲，變化歌手名和歌名

布局圖：

   實作代碼：

    index.html: