首页 > HTML > 文章正文

为你的Vue选一款音乐播放器-Vue-APlayer

更新时间:2018-03-17

Vue-APlayer

好看又好用的 HTML5 音乐播放器,专为 Vue

如果你在使用 Vue 搭建自己心爱的小站,正想挑选一款好看又好用的音乐播放器,Vue-APlayer 是少数不错的选择。

特性 - 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 · SevenOutman/vue-aplayer(如果喜欢别忘了 Star 一下、关注作者)
  • 更多精彩的 Vue 组件收录在 Awesome-Vue

原文链接:https://segmentfault.com/a/1190000013797182

相关文章
相关标签