用 Vue 寫出好看又好用的音樂播放器 - Vue-APlayer

Vue-APlayer npm GitHub stars

好看又好用的 APlayer,專爲 Vue

vue-aplayer

Vue-APlayer 以 @DIYgod/APlayer 爲原型,在 Vue 技術棧上進行實現。
Vue-APlayer 項目早在 2016-11-22 就已起步,起初是對 APlayer 的簡單封裝。後來爲了便於維護和迭代,乾脆直接使用 Vue 實現了一遍。現仍在持續維護和更新中。vue

若是你在使用 Vue 搭建本身心愛的小站,正想挑選一款好看又好用的音樂播放器,Vue-APlayer 是少數不錯的選擇git

特性 - Demo

  • 簡潔的 UI
  • 播放列表
  • 滾動歌詞
  • 自定義主題色/自動主題色
  • 互斥播放
  • 支持 HLS

使用

<aplayer autoplay
  :music="{
    title: 'Preparation',
    author: 'Hans Zimmer/Richard Harvey',
    url: 'http://devtest.qiniudn.com/Preparation.mp3',
    pic: 'http://devtest.qiniudn.com/Preparation.jpg',
    lrc: '[00:00.00]lrc here\n[00:01.00]aplayer'
  }"
/>

完整文檔在這裏github

連接

相關文章
相關標籤/搜索