最近现在个人博客上嵌入音乐播放,与是撸起袖子就干了起来,由于博客前端是基于Vue开发,所以在网上查了一下,说vue-aplayer使用起来不错,于是便用了起来,效果如下:
代码如下:
此代码可以直接使用,且里面音乐地址链接都是有效的
使用前提:安装vue-aplayer
npm install vue-aplayer –save
vue页面完整代码:
<template>
<div>
<div style="padding:10px 0;">
<aplayer autoplay :music="{
title: '剑心',
artist: '张杰',
src: 'http://m7.music.126.net/20200607161403/ed714b7dbaaee6f862184ff96da280bf/ymusic/3e70/4277/5715/abf7aaf8e92b13f339a59dfc6940499d.mp3',
pic: 'https://p2.music.126.net/ixIs5kkukgNYMmeDsc35_g==/29686813955450.jpg'
}" :list="musicList">
</aplayer>
</div>
</div>
</template>
<script>