用 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-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'
  }"
/>

完整文档在这里

链接

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值