| B站视频下载 | 您所在的位置：网站首页 › 油猴脚本哔哩哔哩 › B站视频下载 |
B站视频下载
|
简介：调用B站API下载B站网页视频-可下载普通视频、分集视频、合集视频、番剧。 分享一个2022年5月写的脚本，当时下载b站视频一直用的是别人的油猴脚本，诚然那个脚本很强，还能下载字幕、音频等等（不过这些功能我都用不上），但是有个缺点就是文件命名不是视频标题（记得是一串数字字母组合，不好分辨不同的视频），下载完成后要自己手动修改，不太方便，于是就写了这个脚本。最近下载视频的时候发现分集视频页面元素发生了一点点小变化，导致脚本失效了，现在修复好了顺便分享出来。 效果图（普通视频点击下载后直接下载，没有分集选择框）：
可以取消下载，下载好的文件命名就是视频标题。 调用的API下载的是1080p的flv格式的视频。 代码： // ==UserScript== // @name B站视频下载 // @namespace http://tampermonkey.net/ // @version 1.0 // @description try to take over the world! // @author harglo // @include *://www.bilibili.com* // @include *://*.bilibili.com/video/* // @include *://*.bilibili.com/bangumi/play/* // @require https://unpkg.com/[email protected]/dist/axios.min.js // @require https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js // @grant none // ==/UserScript== (function() { 'use strict'; setTimeout(function () { let xmlHTTP = new XMLHttpRequest(); let xmlHttpAbort=false; function myDownloadTip(number,text,width,height){ let tip=$(''+text+'取消下载'); let tip_style="z-index:9999;position: fixed;top:20px;left: calc(50% - "+width/2+"px);width: "+width+"px;height: "+height+"px;border-radius: 5px;text-align: center;line-height: 50px;font-size: 16px;"; number===1?tip.get(0).style.cssText=tip_style+"background-color: #dff0d8;color: #3c763d;":tip.get(0).style.cssText=tip_style+"background-color: #f2dede;color: #a94442;"; $('body').append(tip); document.getElementById('cancelDownload').onclick=function () { this.style.display="none"; xmlHttpAbort=true; xmlHTTP.abort(); $('#downloadVideoTipText').text("已取消下载"); $('#downloadVideoTip').fadeTo(3000,0); setTimeout(function () { $('#downloadVideoTip').remove(); },3100); }; } function byteUnitConversion(size) { if (!size) return ""; let num = 1024.00; //byte if (size < num) return size + "B"; if (size < Math.pow(num, 2)) return (size / num).toFixed(2) + "KB"; //kb if (size < Math.pow(num, 3)) return (size / Math.pow(num, 2)).toFixed(2) + "MB"; //M if (size < Math.pow(num, 4)) return (size / Math.pow(num, 3)).toFixed(2) + "G"; //G return (size / Math.pow(num, 4)).toFixed(2) + "T"; //T } function myDownloadFunction(fileUrl,fileName) { myDownloadTip(1,"正在下载",550,50); let blob; xmlHTTP.open('GET', fileUrl, true); xmlHTTP.responseType = 'arraybuffer'; xmlHTTP.onload = function(e) { blob = new Blob([this.response]); }; xmlHTTP.onprogress = function(pr) { //document.getElementById('downloadVideo').textContent="正在下载："+Number(pr.loaded/pr.total*100).toFixed(2)+"%"; $('#downloadVideoTipText').text("正在下载："+byteUnitConversion(pr.loaded)+"/"+byteUnitConversion(pr.total)+" 进度: "+Number(pr.loaded/pr.total*100).toFixed(2)+"%"); if(Number(pr.loaded/pr.total*100).toFixed(2)==100){ $('#downloadVideoTipText').text("下载完成"); $('#downloadVideoTip').fadeTo(3000,0); setTimeout(function () { $('#downloadVideoTip').remove(); },3100); } }; let fileName2 = fileName; xmlHTTP.onloadend = function(e){ if(!xmlHttpAbort){ console.log("fileName="+fileName2); let tempEl = document.createElement("a"); document.body.appendChild(tempEl); tempEl.style = "display: none"; let downUrl = window.URL.createObjectURL(blob); tempEl.href = downUrl; tempEl.download = fileName2; tempEl.click(); window.URL.revokeObjectURL(downUrl); } }; xmlHTTP.send(); } //上面↑是方法 //批量下载的弹出框 let body = document.body; let toastDiv = document.createElement("div"); toastDiv.setAttribute("id","myToastDiv"); toastDiv.style.cssText="display:none;z-index:9999;position:fixed;bottom:8px;left:8px;background-color:#f4f4f4;border: skyblue 2px solid;"; let toastDivChild1 = document.createElement("div"); toastDivChild1.style.cssText="margin:8px"; toastDivChild1.textContent="下载视频"; toastDiv.appendChild(toastDivChild1); let htmlSpanElement = document.createElement("span"); htmlSpanElement.textContent="X"; htmlSpanElement.style.cssText="float:right;cursor:pointer;"; htmlSpanElement.onclick=function(){ $('#myToastDiv').animate({width: 'toggle'}, 460); }; toastDivChild1.appendChild(htmlSpanElement); let toastDivChild2 = document.createElement("div"); toastDiv.appendChild(toastDivChild2); toastDivChild2.style.cssText="border: skyblue 2px solid;margin:8px;max-height:200px;max-width:400px;overflow-y:auto;display:flex;flex-direction:row;flex-wrap:wrap;background-color:#f4f4f4"; body.appendChild(toastDiv); //弹出框↑ let href = location.href; axios.defaults.withCredentials=true; if(href.includes(".bilibili.com/video")){ let bvid,cid,url; if(document.getElementById('multi_page')){ console.log("分集视频");//bvid是一样的，cid不同 let href1 = document.getElementsByClassName('watched on')[0].firstElementChild.href; bvid = href1.match(/(?=BV).*?(?=(\?|\/|$))/)[0]; console.log(bvid); let myInterval=setInterval(function () { console.log(document.getElementsByClassName('bpx-player-ctrl-eplist-menu')[0]); if(document.getElementsByClassName('bpx-player-ctrl-eplist-menu')[0]){ clearInterval(myInterval); let li1 = document.getElementsByClassName('bpx-player-ctrl-eplist-menu')[0].getElementsByTagName('li'); console.log(li1.length); for (let i = 0; i < li1.length; i++) { cid=li1[i].getAttribute("data-cid"); let title=li1[i].textContent; console.log(cid); console.log(title); let htmlButtonElement = document.createElement("button"); htmlButtonElement.style.cssText="cursor:pointer;margin:5px;border: skyblue 2px solid;border-radius:10px;background-color:white;"; htmlButtonElement.textContent=title+".flv"; htmlButtonElement.onmouseover=function(){ this.style.backgroundColor="skyblue" }; htmlButtonElement.onmouseout=function(){ this.style.backgroundColor="white"; }; htmlButtonElement.onclick=function(){ url="https://api.bilibili.com/x/player/playurl?bvid="+bvid+"&cid="+cid+"&qn=80&fnval=0&fnver=0&fourk=0"; console.log("url="+url); axios.get(url).then((resp)=>{ console.log(resp.data.data.durl[0].url); myDownloadFunction(resp.data.data.durl[0].url,title+".flv"); }); }; toastDivChild2.appendChild(htmlButtonElement); } let span = document.createElement('span'); span.title="下载视频"; span.innerHTML='下载'; document.getElementsByClassName('collect')[0].after(span); span.onclick=function () { $('#myToastDiv').animate({width: 'toggle'}, 460); } } },300); }else if(document.getElementsByClassName('base-video-sections')[0]){ console.log("合集视频"); $.get(window.location.href,function(res){ let regExpMatchArray = res.match(/"aid":\d+,"cid":\d+,"title":(.*?),/g); let resultArray=[...new Set(regExpMatchArray)]; console.log(resultArray); for (let i = 0; i < resultArray.length; i++) { let aid = resultArray[i].match(/(?{ console.log(resp.data); console.log(resp.data.data[0].cid); cid=resp.data.data[0].cid; url="https://api.bilibili.com/x/player/playurl?bvid="+bvid+"&cid="+cid+"&qn=80&fnval=0&fnver=0&fourk=0"; }) ]).then(()=>{ console.log("url="+url); axios.get(url).then((resp)=>{ console.log(resp.data.data.durl[0].url); console.log(document.getElementsByClassName('tit')[0].textContent+".flv"); //window.open(resp.data.data.durl[0].url+"&attname="+document.getElementsByClassName('tit')[0].textContent+".flv"); myDownloadFunction(resp.data.data.durl[0].url,document.getElementsByClassName('tit')[0].textContent+".flv"); }) }) } } }else if(href.includes(".bilibili.com/bangumi/play/")){ console.log("番剧"); //弹出框 //弹出框↑ let ep_id=document.getElementsByClassName('ep-item cursor visited')[0].firstElementChild.href.match(/(?{ console.log(resp.data.result.episodes); for (let i = 0; i < resp.data.result.episodes.length; i++) { let epid=resp.data.result.episodes[i].link.match(/(?{ console.log(resp.data.result.durl[0].url); myDownloadFunction(resp.data.result.durl[0].url,title+".flv"); }); }; toastDivChild2.appendChild(htmlButtonElement); } let div = document.createElement('div'); div.title="下载视频"; div.setAttribute("class","share-info"); div.innerHTML='下载'; document.getElementsByClassName('coin-info')[0].after(div); div.onclick=function () { // myTip(1,"请在右侧点击下载",350,50); $('#myToastDiv').animate({width: 'toggle'}, 460); } }); } },5000); })(); |
【本文地址】
公司简介
联系我们