从网易云网页上下载m4a音频文件，但音质较差。在点击播放后右侧会出现一个按钮，点击进入新页面下载。
// ==UserScript==
// @name 网易云网页音频下载
// @namespace http://tampermonkey.net/
// @version 2025-04-18
// @description 从网易云网页上下载m4a音频文件，但音质较差。在点击播放后右侧会出现一个按钮，点击进入新页面下载。
// @author https://github.com/madderscientist
// @match https://*/*
// @icon https://www.google.com/s2/favicons?sz=64&domain=163.com
// @grant none
// @run-at document-start
// @license MIT
// ==/UserScript==
(function () {
'use strict';
// 检查当前网页的 URL 是否包含 daolnwod name 和 src 参数
const urlParams = new URLSearchParams(window.location.search);
if (urlParams.has('daolnwod')) {
let name = urlParams.get('name');
let src = urlParams.get('src');
if (!(name && src)) throw new Error("缺少name和src属性");
// 对内容解码，比如空格的 替换为' '
const decodeDiv = document.createElement('div');
const decodeHTML = (str) => {
decodeDiv.innerHTML = str;
let decodedString = decodeDiv.textContent || decodeDiv.innerText;
return decodedString;
}
name = decodeHTML(name);
src = decodeHTML(src);
document.body.innerHTML = `<h1>下载${name}中，请稍等……</h1>`;
// 用fetch才能修改文件名。直接点击的话文件名不对的
fetch(src).then(response => {
if (!response.ok) throw new Error('Network response was not ok');
return response.blob();
}).then(blob => {
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = name;
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
URL.revokeObjectURL(url);
}).catch(error => {
alert("下载失败", error);
});
return; // 直接返回，不再注入后面的代码
}
// 判断当前网页是否是 music.163.com
if (!window.location.hostname.includes('music.163.com')) return;
// 经测试网易云音乐使用的是document.createElement("audio")，且创建于网页加载时【另外一种方法是new Audio()】
// 下面对其进行注入，以获取audio对象 为了赶在最前面执行，所以使用document-start
console.log("网易云音乐注入");
function getAudioName(mode = 0b11) {
// 获取网易云音乐的音频名称
const as = document.querySelector('.play').querySelectorAll('a');
switch (mode) {
case 0b11:
return `${as[1].innerText} - ${as[0].innerText}`;
case 0b10:
return as[1].innerText;
case 0b01:
return as[0].innerText;
default:
return "download"
}
}
let btn = null;
function createAudioBtn(HTMLaudio) {
if (btn) return;
btn = document.createElement('button');
btn.innerText = '下载音频';
btn.id = 'hacker';
document.body.appendChild(btn);
btn.audio = HTMLaudio;
btn.addEventListener('click', function () {
const audioSrc = this.audio.src;
if (audioSrc) {
// 从音频源中提取文件后缀
const audioExtension = audioSrc.split('.').pop().split('?')[0];
if (!audioExtension || audioExtension.length > 4) audioExtension = 'mp3';
const filename = `${getAudioName()}.${audioExtension}`;
console.log("音频地址:", audioSrc, "音频名称:", filename);
// 获取根域名 一般含有music，所以匹配的域名加入了music
const urlObj = new URL(audioSrc);
const rootDomainWithProtocol = `${urlObj.protocol}//${urlObj.hostname}`;
// 在新标签页中访问根域名，并传参 用daolnwod标识
const newTabUrl = `${rootDomainWithProtocol}?daolnwod&name=${encodeURIComponent(filename)}&src=${encodeURIComponent(audioSrc)}`;
window.open(newTabUrl, '_blank');
} else {
alert('音频源未找到');
}
});
}
// 保存原始的 document.createElement 方法
const originalCreateElement = document.createElement;
// 钩子函数
document.createElement = function (tagName, ...args) {
// 调用原始的 createElement 方法
const element = originalCreateElement.call(document, tagName, ...args);
// 如果创建的是 <audio> 元素，执行自定义处理逻辑
if (tagName.toLowerCase() === "audio") {
console.log('<audio> 元素被创建，正在执行自定义钩子函数');
element.addEventListener('loadeddata', function () {
console.log('检测到音频加载', 'audio loadeddata', element.src);
createAudioBtn(element);
});
}
return element;
};
// 定义悬浮窗样式
var style = document.createElement('style');
style.innerHTML = `#hacker {
position: fixed;
top: 50%;
right: 0;
transform: translateY(-50%);
background-color: red;
color: white;
border: none;
padding: 10px 20px;
cursor: pointer;
z-index: 114514;
border-radius: 8px 0 0 8px;
}`;
document.head.appendChild(style);
})();