JavaScript获取B站分集视频标题及各集时长、累计时长

之前在学习B站分集视频时，为做笔记曾需要频繁复制标题文字，同时也需要知道视频时长，于是用js把标题及时长在控制台输出然后复制存为文本文件。

var box=document.getElementsByClassName('list-box')[0];
var boxtext=box.innerText;
var textline=boxtext.replace(/\n(?!P\d+)/g,' ');
console.log(textline);

使用方法：按下F12进入开发者工具，点击“Console”标题进入控制台，在光标闪动的输入处粘贴上面的代码并按下回车。
效果如下：

顺便说下该视频为任延宇老师主讲的理论力学（物理类），对物理/力学感兴趣的推荐看看~

最近时间有限，需要挑选部分视频学习，为了查看从开头到某集的累计时长，写了一个略长的代码。主要代码还是用在时间的转换上。

function hms2s(t){//'(hh:)mm:ss'格式时间转秒数var t1=t.split(':');var m=t1.length;var t2=Number(t1[m-1])+Number(t1[m-2])*60;if(m==3){t2+=Number(t1[m-3])*3600;}return t2;
}
function PrefixInteger(num, length) {//正整数添加前置零return (Array(length).join('0') + num).slice(-length);
}
function s2hms(s){//秒数转'(hh:)mm:ss'格式时间var st=PrefixInteger(s%60,2);st=PrefixInteger(Math.floor(s/60)%60,2)+':'+st;if(s>=3600){st=PrefixInteger(Math.floor(s/3600),2)+':'+st;}return st;
}
function timeadd(t1,t2){//'(hh:)mm:ss'格式时间相加return s2hms(hms2s(t1)+hms2s(t2));
}
var timeline='';
var timesum='00:00';
var t1=textline.split('\n');
for(var i=0;i<t1.length;i++){var t2=t1[i].split(' ');var p=t2[0];var sj=t2[t2.length-1];timesum=timeadd(timesum,sj);timeline+=p+' '+sj+' '+timesum+' '+t2.slice(1,-1).join(' ')+'\n';
}
console.log(timeline);

使用方法同上，效果如下：

实际输出的最后一行显示的累计时长是“21:30:06”，这和从首页搜索到该系列视频显示的总时长一致。
如果要知道某连续片段的视频总时长，可以计算它们末尾的累计时长减上一个视频的累计时长，如P15到P19的时长，可以计算为04:14:50-03:11:15=00:03:35。
当我们选中大段文字时，还有一个小技巧，首先点击一下想选中的首位置，然后滚动到末位置可见，按下Shift键，点击一下末位置，就能选中很长的一段文字了。

ps:当我完成这些想要写一个博客时，便去CSDN搜索有没有类似的博客，发现有人写过培养爬虫获取标题的版本：
提取B站视频的标题(就是提取网页的文字)_May_be_I_can的博客-CSDN博客_b站复制标题
当然用的不是JavaScript，但是我又看到了：
JSjavascript获取B站bilibili哔哩哔哩分P播放时长时间以及列表名称标题_chengzhijun93的博客-CSDN博客
不过他没有显示累计时长，直到我看到了一个时长方面功能更完备的博客：
【获取b站分集视频时长】合理安排学习时间_CharlynYanyan的博客-CSDN博客
而他实际是搬运自另一个网站的博客：
B站分集视频教程时长统计脚本 - 『编程语言区』
他在网页上插入了一个div标签，可以输入首尾集序号，播放速度，然后计算总时长，可以说功能非常完整了。

~~不过，他没有具体输出每一个视频分集的标题，于是我还有余地水一篇博客了。~~

【参考链接】
js 前面补0格式化format_a6680340的博客-CSDN博客 https://blog.csdn.net/a6680340/article/details/77917008

JavaScript获取B站分集视频标题及各集时长、累计时长相关推荐

【获取b站分集视频时长】合理安排学习时间
分享好物 B站分集视频教程集数时长统计脚本大佬链接可调倍速灵活自由版步骤一.在b站找到想看的分集视频二.在该页面浏览器上方,右击,添加网页三.复制如下代码,填入网址处 javascr ...
python获取B站单个视频的封面
python获取B站单个视频的封面仅用于个人学习 import requests, reurl = 'https://www.bilibili.com/video/BV1f64y1Z7Qp' # 修 ...
我的第一个爬虫：request+pyquery爬取B站热门视频标题与播放量
爬虫步骤发起请求: 获取响应内容: 解析内容: 保存数据. 具体实现在写爬虫之前,我们先来看一下要爬取的网页. 上图是B站热门视频排行榜,需要的数据已经在图中标出,即视频名称和播放量. 接下来是具 ...
Bilibili播放-获取B站播放视频源地址的过程
如果是为了下载B站视频呢,直接用 You-get,然而,我们的需求就是要在线看B站视频(清晰度要求不高),要求内嵌在自己的程序中,直接观看,加载速度要快!那先下载再预览绝对是不行了.只能尝试去获取播放 ...
JavaScript 获取input上传视频第一帧
调用 input 控件上传视频,并截取视频第一帧图片: <template><div><input type="file" @change=" ...
手把手教你使用Python网络爬虫获取B站视频选集内容（附源码）
点击上方"Python爬虫与数据挖掘",进行关注回复"书籍"即可获赠Python从入门到进阶共10本电子书今日鸡汤位卑未敢忘忧国,事定犹须待阖棺. ...
手把手教你使用Python获取B站视频并在本地实现弹幕播放功能
点击上方"Python爬虫与数据挖掘",进行关注回复"书籍"即可获赠Python从入门到进阶共10本电子书今日鸡汤少小虽非投笔吏,论功还欲请长缨. ...
看了 B 站 Elasticsearch 视频的标题，我仿佛看到了内卷的天花板
1.打开 B 站,搜索 Elasticsearch what ?? 映入眼帘的几个标题引起了我极大的好奇: 终于有人把Elasticsearch讲解的如此透彻! 比狂神说讲的更加详细的完整版卧槽!终 ...
初学，用python获取B站视频
初学,记录一下而已,很简单的一个小玩意看之前得稍微会一点html,http协议,requests,正则表达式,这样不至于看不懂 b站的web端是没有开放下载的,但是没有关系,可以从网页元素里找到视频 ...

JavaScript获取B站分集视频标题及各集时长、累计时长

JavaScript获取B站分集视频标题及各集时长、累计时长相关推荐

最新文章

热门文章