使用aplayer内嵌播放器播放个人网易云歌单

可以按f12 打开控制台看到 我的插件应用

这篇文章的重点就是在与第一个的 插件 aplayer 关于他的一些关于用处无关的介绍就不多说了

主要是讲他作为网页端内置音乐播放器 可以实现有很多的功能 具体有很多如果想要去了解的话 可以去看看 关于这个 音乐播放器的官网 上面图片展示出的link

这里简单的说一下关于怎么实现web端效果和请求那一个网易云api 可以实现效果 下面就是基本效果
在这里插入图片描述

然后就是关于怎么使用网易云的api了

先在前台使用 axios 发送ajax请求后端代码 异步刷新音乐盒

这里使用vue axios简化操作 如果不想用这个方法 可以到下面的引用使用 jquery的ajax请求

let vm3 = new Vue({
    el: "#aplayer",
    data: {
        id: "935959485", //这里是我音乐盒的id  查找自己音乐盒就到网易云web端查看url的id值
        uri:"getPlayList", // 自己设置的请求地址
        audio: [] // 储存返回来的信息
    },
    mounted(){
        var playerOption = {// 设置播放器基本参数
            container: document.getElementById('aplayer'),
            fixed: true, 
            volume:0.7,
            order:'list',
            theme:'#988bbc',
            listFolded:
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

欧味楼

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值