自己编写代码去听网易云音乐的歌曲，以及观看MV，还可以下载奥

注意：本html文件不能收听或者下载试听歌曲

代码：

<!DOCTYPE html>
<html><head><title>听歌进行时</title><meta charset="utf-8" /><!-- 开发环境版本，包含了有帮助的命令行警告 --><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><script src="https://unpkg.com/axios/dist/axios.min.js"></script></head><body><div id="app"><input type="text" v-model="query" @keyup.enter="getList" placeholder="请输入歌手/歌曲名称，然后回车" style="width:200px" /><br /><br /><div style="position:absolute;width:700px;right:20px;top:20px;"><audio :src="musicSrc" controls="controls" autoplay="autoplay" style="width: 700px;">Your browser does not support the audio element.</audio><br /><br /><video :src="mvSrc" controls="controls" autoplay="autoplay" style="width:700px">your browser does not support the video tag</video></div><ol><li v-for="item in songs">{{item.name}}&nbsp;&nbsp;&nbsp;<a href="javascript:void(0);" @click="getMusic(item.id)">mp3</a>&nbsp;&nbsp;&nbsp;<a href="javascript:void(0);" v-if="item.mvid != 0" @click="getMv(item.mvid)">mv</a></li></ol><br /></div></body><script type="text/javascript">var app = new Vue({el: "#app",data: {query: "",musicSrc: "",mvSrc: "dddddd",songs: []},methods: {getList: function() {var that = this;axios.get("https://autumnfish.cn/search?keywords=" + this.query).then(function(response) {that.songs = response.data.result.songs;}, function(err) {console.log(err);})},getMusic: function(id) {var that = this;axios.get("https://autumnfish.cn/song/url?id=" + id).then(function(response) {that.musicSrc = response.data.data[0].url;}, function(err) {console.log(err);})},getMv: function(mvid) {var that = this;axios.get("https://autumnfish.cn/mv/url?id=" + mvid + "&r=1080").then(function(response) {console.log(response.data.data.url);that.mvSrc = response.data.data.url;}, function(err) {console.log(err);})}}})</script></html>

结果：

解释：

上面的代码就是一个vue的html文件，直接在浏览器打开就可以了，如果不想新建html文件的可以点击直接下载html文件

接下来说一下如何查找歌曲，当我们把该文件在浏览器中打开之后，如下图所示：

之后来实际操作一下吧，在文本框中输入邵帅之后点击回车，就是这个样子的了，如下图：

当我们点击《写给黄淮》这首歌名后面的mp3的时候，右上角的歌曲播放区域就会播放歌曲，如下图：

当我们点击mv的时候，就可以在右边播放mv了，如下图：

在网易云音乐APP上面，如果想下载这些歌曲都是需要vip的，在这里你可以在歌曲播放进度条上面单击鼠标右键—》选择另存音频为…，这样就可以把歌曲下载到你本地了，如果你想下载mv，你可以把鼠标放在播放的mv上面单击鼠标右键—》选择另存视频为…，这样就可以把mv下载到你本地了

礼物：

上面的页面比较简陋，在学习了black horse的教程之后，获得的代码可以下载：点击我

页面如下：

自己编写代码去听网易云音乐的歌曲，以及观看MV，还可以下载奥相关推荐

【史上最强代码编辑器VS Code】之VS Code 在线听网易云音乐
VS Code 在线听网易云音乐一.vsc-netease-music简介二.替换ffmpeg 动态链接库版本更新时间:2020年7月30日10:26:25 三.安装并使用一.vsc-nete ...
xmd后缀名改mp3_GitHub - dh9527/xMDPlayer: 一个可以在线听网易云音乐、QQ音乐、酷狗音乐的音乐播放器，还可以让你听自己的网易云歌单哦！...
xMDPlayer 一个可以在线听网易云音乐.QQ音乐.酷狗音乐的音乐播放器,还可以让你听自己的网易云歌单哦! A player that can make you listen to music o ...
使用webcollector爬虫技术获取网易云音乐全部歌曲
使用webcollector爬虫技术获取网易云音乐全部歌曲最近在知乎上看到一个话题,说使用爬虫技术获取网易云音乐上的歌曲,甚至还包括付费的歌曲,哥瞬间心动了,这年头,好听的流行音乐或者经典老歌都开始 ...
python爬虫之爬取网易云音乐的歌曲图片和歌词
0.目录 1.分析页面 2.获取歌曲的id 3.获取歌曲信息 4.获取歌曲图片url 5.获取歌词 6.总结 7.完整代码 1.分析页面这一次我们来爬取网易云音乐,爬取歌单内的所有歌曲的图片和歌词, ...
python爬虫-网易云音乐的歌曲热评
爬虫小白在b站看的视频教程,爬取的是网易云音乐的歌曲热评.本文仅用于学习记录,不用作任何商业用途.本文最后附带源代码和运行效果图. 1.安装库 import requests from Crypto. ...
Python爬取网易云音乐歌手歌曲和歌单（爬虫）
Python爬取网易云音乐歌手歌曲和歌单是仅供学习参考 Python爬取网易云音乐网易云音乐歌手歌曲和歌单,并下载到本地 ①找到要下载歌手歌曲的链接,这里用的是: https://music.16 ...
如何哄骗文艺青年安装Node.js? 将网易云音乐灰色歌曲变亮
Node.js是一门编程语言, 是世界上最流行的编程语言之一, 而一门语言的流行程度往往取决于, 它的好玩库多不多? 而 Node.js 的好玩库真的是超多, 即使是爱听网易云的文艺青年也会爱上它, ...
网易云音乐刷听歌量_「PC端」解锁网易云音乐灰色歌曲，让你听歌不用东跑西跑...
软件介绍网易云音乐大家应该用的都挺多的,网易云很多杰伦的歌曲都是没有版权的,当然不止杰伦的,现在很多音乐平台为了争夺版权,本来前几天还在这个平台你收藏的喜欢听的歌,可能几天之后你再去听的时候已经变灰 ...
python音乐可视化效果_Python数据可视化 | 网易云音乐年度歌曲
网易云音乐2018年度听歌报告-遇见你,真好. 相信有不少人在上周,应该已经看过自己网易云音乐的年度报告了. 小F也是去凑凑热闹,瞅了一波自己的年度听歌报告. 那么你在云村又听了多少首歌,听到最多的歌 ...

自己编写代码去听网易云音乐的歌曲，以及观看MV，还可以下载奥

自己编写代码去听网易云音乐的歌曲，以及观看MV，还可以下载奥相关推荐

最新文章

热门文章