vue的aplayer音乐播放器,最新vue-aplayer 正确使用方式
吕飞翼
vue的aplayer插件简用
- 安装
npm install @moefe/vue-aplayer --save
- vue导入
<html>
<body>
<!-- prettier-ignore -->
<div id="app">
<a-player :audio="audio" :lrc-type="3"></a-player>
</div>
</body>
<!-- 你必须在引入 vue-aplayer 之前引入 vue -->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script src="https://cdn.jsdelivr.net/npm/@moefe/vue-aplayer"></script>
<script>
Vue.use(VueAPlayer, {
defaultCover: 'https://github.com/u3u.png',
productionTip: true,
});
new Vue({
el: '#app',
data: {
audio: {
name: '东西（Cover：林俊呈）',
artist: '纳豆',
url: 'https://cdn.moefe.org/music/mp3/thing.mp3',
cover: 'https://p1.music.126.net/5zs7IvmLv7KahY3BFzUmrg==/109951163635241613.jpg?param=300y300', // prettier-ignore
lrc: 'https://cdn.moefe.org/music/lrc/thing.lrc',
},
},
});
</script>
</html>
- 中文简懂文档网站
https://aplayer.netlify.app/docs/guide/
类似资料：