Greasy Fork is available in English.
打包下载-豆瓣音乐人-页面当前的所有音乐
// ==UserScript==
// @name 打包下载豆瓣音乐人所有音乐
// @namespace http://tampermonkey.net/
// @description 打包下载-豆瓣音乐人-页面当前的所有音乐
// @version 0.1
// @author eboy
// @include https://site.douban.com/*
// @grant GM_notification
// @grant GM_setClipboard
// @grant GM_download
// @grant GM_xmlhttpRequest
// @grant GM_getResourceURL
// @grant GM_setValue
// @grant GM_getValue
// @require https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.0/jquery.min.js
// @require https://cdnjs.cloudflare.com/ajax/libs/jszip/3.2.0/jszip.min.js
// @require https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/1.3.8/FileSaver.min.js
// @require https://cdn.staticfile.org/mustache.js/3.1.0/mustache.min.js
// @resource iconError https://cdn.jsdelivr.net/gh/Mr-Po/weibo-resource-download/out/media/error.png
// @resource iconSuccess https://cdn.jsdelivr.net/gh/Mr-Po/weibo-resource-download/out/media/success.png
// @resource iconInfo https://cdn.jsdelivr.net/gh/Mr-Po/weibo-resource-download/out/media/info.png
// @resource iconExtract https://cdn.jsdelivr.net/gh/Mr-Po/weibo-resource-download/out/media/extract.png
// @resource iconZip https://cdn.jsdelivr.net/gh/Mr-Po/weibo-resource-download/out/media/zip.png
// ==/UserScript==
;(function() {
'use strict'
let id = `vue_${+new Date()}`
$('.nav-items ul').append(
'<li><a id="' +
id +
'" href="javascript:void(0)" hidefocus="true"><span>下载所有</span></a></li>'
)
$('#' + id).click(function() {
let domList = $('.download')
let list = []
for (let index = 0; index < domList.length; index++) {
const element = $(domList[index]).children('a')
let url = element.attr('href')
let title = element.attr('title')
try {
title = title.split('下载')[1].trim()
} catch (error) {
console.log(error)
}
list.push({ src: url, name: title + '.mp3' })
}
ZipHandler.startZip(list)
})
class ZipHandler {
/**
* 生成一个进度条
* @param {$标签对象} $sub card的子节点
* @param {int} max 最大值
* @return {标签对象} 进度条
*/
static bornProgress(count) {
const $div = $('#header')
// 尝试获取进度条
let $progress = $div.find('progress')
// 进度条不存在时，生成一个
if ($progress.length === 0) {
$progress = $("<progress max='1' style='margin-left:20px;' /><span style='color: #fff;'>"+count+"</span>")
$div.append($progress)
} else {
// 已存在时，重置value
$progress[0].value = 0
}
return $progress[0]
}
/**
* 开始打包
* @param {$数组} $links 图片地址集
*/
static startZip($links) {
Tip.tip('正在提取，请稍候...', 'iconExtract')
const progress = ZipHandler.bornProgress($links.length)
const zip = new JSZip()
const names = []
$links.forEach(function(it, i) {
const name = it.name
GM_xmlhttpRequest({
method: 'GET',
url: it.src,
timeout: 8000,
responseType: 'blob',
onload: function(response) {
zip.file(name, response.response)
ZipHandler.downloadZipIfComplete(
progress,
name,
zip,
names,
$links.length
)
},
onerror: function(e) {
console.error(e)
Tip.error(`第${i + 1}个对象，获取失败！`)
ZipHandler.downloadZipIfComplete(
progress,
name,
zip,
names,
$links.length
)
},
ontimeout: function() {
Tip.error(`第${i + 1}个对象，请求超时！`)
ZipHandler.downloadZipIfComplete(
progress,
name,
zip,
names,
$links.length
)
}
})
})
}
/**
* 下载打包，如果完成
*/
static downloadZipIfComplete(progress, name, zip, names, length) {
names.push(name)
const value = names.length / length
progress.value = value
if (names.length === length) {
Tip.tip('正在打包，请稍候...', 'iconZip')
zip
.generateAsync(
{
type: 'blob'
},
function(metadata) {
progress.value = metadata.percent / 100
}
)
.then(function(content) {
Tip.success('打包完成，即将开始下载！')
const zipName = $($('.sp-logo'))
.children('a')
.text()
saveAs(content, `${zipName}.zip`)
})
}
}
}
/**
* 提示
*/
class Tip {
static tip(text, iconName) {
// if (Config.isTip) {
GM_notification({
text: text,
image: GM_getResourceURL(iconName),
timeout: 3000
})
// }
}
static info(text) {
Tip.tip(text, 'iconInfo')
}
static error(text) {
Tip.tip(text, 'iconError')
}
static success(text) {
Tip.tip(text, 'iconSuccess')
}
}
})()