☰

bilibiliDanmaku

在哔哩哔哩视频标题下方增加弹幕查看和下载

  1. // ==UserScript==
  2. // @name		bilibiliDanmaku
  3. // @name:zh-CN	哔哩哔哩弹幕姬
  4. // @namespace	https://github.com/sakuyaa/gm_scripts
  5. // @author		sakuyaa
  6. // @description	在哔哩哔哩视频标题下方增加弹幕查看和下载
  7. // @include		http*://www.bilibili.com/video/av*
  8. // @include		http*://www.bilibili.com/video/BV*
  9. // @include		http*://www.bilibili.com/watchlater/#/av*
  10. // @include		http*://www.bilibili.com/watchlater/#/BV*
  11. // @include		http*://www.bilibili.com/medialist/play/*/*
  12. // @include		http*://www.bilibili.com/bangumi/play/*
  13. // @version		2020.11.1
  14. // @compatible	firefox 52
  15. // @grant		none
  16. // @run-at		document-end
  17. // ==/UserScript==
  18. (function() {
  19. 	let view, download, downloadAll, downloadPast, subSpan, downloadSub, convertSub;
  20. 	
  21. 	//拦截pushState和replaceState事件
  22. 	let historyFunc = type => {
  23. 		let origin = history[type];
  24. 		return function() {
  25. 			let e = new Event(type);
  26. 			e.arguments = arguments;
  27. 			window.dispatchEvent(e);
  28. 			return origin.apply(history, arguments);
  29. 		};
  30. 	};
  31. 	history.pushState = historyFunc('pushState');
  32. 	history.replaceState = historyFunc('replaceState');
  33. 	
  34. 	let sleep = time => {
  35. 		return new Promise(resolve => setTimeout(resolve, time));
  36. 	};
  37. 	let fetchFunc = (url, type) => {
  38. 		let init = {};
  39. 		if (url.indexOf('.bilibili.com/') > 0) {
  40. 			init.credentials = 'include';
  41. 		}
  42. 		return fetch(url, init).then(response => {
  43. 			if (!response.ok) {
  44. 				throw new Error(`bilibiliDanmaku：${response.status} ${response.statusText}\n无法加载：${url}`);
  45. 			}
  46. 			switch (type) {
  47. 			case 'blob':
  48. 				return response.blob();
  49. 			case 'json':
  50. 				return response.json();
  51. 			default:
  52. 				return response.text();
  53. 			}
  54. 		});
  55. 	};
  56. 	//获取视频发布日期
  57. 	let fetchPubDate = async () => {
  58. 		let response = await fetchFunc(`https://api.bilibili.com/x/web-interface/view?${window.bvid ? 'bvid=' + window.bvid : 'aid=' + window.aid}`, 'json');
  59. 		if (response.data.pubdate) {
  60. 			let pubDate = new Date(response.data.pubdate * 1000);
  61. 			if (!isNaN(pubDate)) {
  62. 				return pubDate;
  63. 			}
  64. 		}
  65. 		return null;
  66. 	};
  67. 	//获取CC字幕列表
  68. 	let fetchSubtitles = async () => {
  69. 		let response = await fetchFunc(`https://api.bilibili.com/x/web-interface/view?${window.bvid ? 'bvid=' + window.bvid : 'aid=' + window.aid}`, 'json');
  70. 		if (response.data.subtitle.list) {
  71. 			return response.data.subtitle.list;
  72. 		}
  73. 		return [];
  74. 	};
  75. 	//秒转化为时分秒
  76. 	let formatSeconds = seconds => {
  77. 		let h = Math.floor(seconds / 3600);
  78. 		if (h < 10) {
  79. 			h = '0' + h;
  80. 		}
  81. 		let m = Math.floor((seconds / 60 % 60));
  82. 		if (m < 10) {
  83. 			m = '0' + m;
  84. 		}
  85. 		let s = Math.floor((seconds % 60));
  86. 		if (s < 10) {
  87. 			s = '0' + s;
  88. 		}
  89. 		let ms = '00' + Math.floor(seconds * 1000 % 1000);
  90. 		return `${h}:${m}:${s}.${ms.substr(-3)}`;
  91. 	}
  92. 	
  93. 	let danmakuFunc = async () => {
  94. 		//查看弹幕
  95. 		view.setAttribute('href', `https://comment.bilibili.com/${window.cid}.xml`);
  96. 		//下载弹幕
  97. 		download.removeAttribute('download');
  98. 		download.setAttribute('href', 'javascript:;');
  99. 		download.onclick = async () => {
  100. 			let danmaku = await fetchFunc(`https://api.bilibili.com/x/v1/dm/list.so?oid=${window.cid}&bilibiliDanmaku=1`, 'blob');
  101. 			download.onclick = null;
  102. 			download.setAttribute('download', document.title.split('_')[0] + '.xml');
  103. 			download.setAttribute('href', URL.createObjectURL(danmaku));
  104. 			download.dispatchEvent(new MouseEvent('click'));
  105. 		};
  106. 		//全弹幕下载
  107. 		downloadAll.removeAttribute('download');
  108. 		downloadAll.setAttribute('href', 'javascript:;');
  109. 		downloadAll.onclick = async () => {
  110. 			try {
  111. 				//加载当前弹幕池
  112. 				let danmakuMap = new Map();
  113. 				let danmaku = await fetchFunc(`https://api.bilibili.com/x/v1/dm/list.so?oid=${window.cid}&bilibiliDanmaku=1`);
  114. 				let danmakuAll = danmaku.substring(0, danmaku.indexOf('<d p='));
  115. 				let exp = new RegExp('<d p="([^,]+)[^"]+,(\\d+)">.+?</d>', 'g');
  116. 				while ((match = exp.exec(danmaku)) != null) {
  117. 					danmakuMap.set(parseInt(match[2]), [parseFloat(match[1]), match[0]]);
  118. 				}
  119. 				//获取视频发布日期
  120. 				let now = new Date();
  121. 				let pubDate, year, month;
  122. 				let dateNode = document.querySelector('.video-data span:nth-child(2)');
  123. 				if (dateNode) {
  124. 					pubDate = new Date(dateNode.textContent);
  125. 					if (isNaN(pubDate)) {
  126. 						pubDate = await fetchPubDate();
  127. 					}
  128. 				} else {
  129. 					pubDate = await fetchPubDate();
  130. 				}
  131. 				if (!pubDate) {
  132. 					alert('获取视频投稿时间失败！');
  133. 					return;
  134. 				}
  135. 				year = pubDate.getFullYear();
  136. 				month = pubDate.getMonth() + 1;
  137. 				//计算历史月份
  138. 				let monthArray = [];
  139. 				while (year * 100 + month <= now.getFullYear() * 100 + now.getMonth() + 1) {
  140. 					monthArray.push(`https://api.bilibili.com/x/v2/dm/history/index?type=1&oid=${window.cid}&month=${year + '-' + ('0' + month).substr(-2)}`);
  141. 					if (++month > 12) {
  142. 						month = 1;
  143. 						year++;
  144. 					}
  145. 				}
  146. 				//增加延迟
  147. 				let delay;
  148. 				if((delay = prompt('由于网站弹幕接口改版新的API限制获取速度，全弹幕下载需要有获取间隔，会导致该功能需要很长很长时间进行弹幕获取（视投稿时间而定，每天都有历史数据的话获取一个月大概需要20多秒），请输入获取间隔（若仍出现获取速度过快请适当加大间隔，单位：毫秒）', 299)) == null) {
  149. 					return;
  150. 				}
  151. 				if(isNaN(delay)) {
  152. 					alert('输入值不是数值！');
  153. 					return;
  154. 				}
  155. 				//进度条
  156. 				let progress = document.createElement('progress');
  157. 				progress.setAttribute('max', monthArray.length * 1000);
  158. 				progress.setAttribute('value', 0);
  159. 				progress.style.position = 'fixed';
  160. 				progress.style.margin = 'auto';
  161. 				progress.style.left = progress.style.right = 0;
  162. 				progress.style.top = progress.style.bottom = 0;
  163. 				progress.style.zIndex = 99;   //进度条置顶
  164. 				document.body.appendChild(progress);
  165. 				//获取历史弹幕日期
  166. 				let data;
  167. 				for (let i = 0; i < monthArray.length;) {
  168. 					data = await fetchFunc(monthArray[i], 'json');
  169. 					if (data.code) {
  170. 						throw new Error('bilibiliDanmaku，API接口返回错误：' + data.message);
  171. 					}
  172. 					if (data.data) {
  173. 						for (let j = 0; j < data.data.length; j++) {
  174. 							progress.setAttribute('value', i * 1000 + 1000 / data.data.length * j);
  175. 							await sleep(delay);   //避免网站API调用速度过快导致错误
  176. 							danmaku = await fetchFunc(`https://api.bilibili.com/x/v2/dm/history?type=1&oid=${window.cid}&date=${data.data[j]}&bilibiliDanmaku=1`);
  177. 							if ((match = (new RegExp('^\{"code":[^,]+,"message":"([^"]+)","ttl":[^\}]+\}$',)).exec(danmaku)) != null) {
  178. 								throw new Error('bilibiliDanmaku，API接口返回错误：' + match[1]);
  179. 							}
  180. 							exp = new RegExp('<d p="([^,]+)[^"]+,(\\d+)">.+?</d>', 'g');
  181. 							while ((match = exp.exec(danmaku)) != null) {
  182. 								if (!danmakuMap.has(parseInt(match[2]))) {   //跳过重复的项目
  183. 									danmakuMap.set(parseInt(match[2]), [parseFloat(match[1]), match[0]]);
  184. 								}
  185. 							}
  186. 						}
  187. 					}
  188. 					progress.setAttribute('value', ++i * 1000);
  189. 				}
  190. 				//按弹幕播放时间排序
  191. 				let danmakuArray = [];
  192. 				for (let value of danmakuMap.values()) {
  193. 					danmakuArray.push(value);
  194. 				}
  195. 				danmakuArray.sort((a, b) => a[0] - b[0]);
  196. 				//合成弹幕
  197. 				document.body.removeChild(progress);
  198. 				for (let pair of danmakuArray) {
  199. 					danmakuAll += pair[1];
  200. 				}
  201. 				danmakuAll += '</i>';
  202. 				//设置下载链接
  203. 				downloadAll.onclick = null;
  204. 				downloadAll.setAttribute('download', document.title.split('_')[0] + '.xml');
  205. 				downloadAll.setAttribute('href', URL.createObjectURL(new Blob([danmakuAll])));
  206. 				downloadAll.dispatchEvent(new MouseEvent('click'));
  207. 			} catch(e) {
  208. 				alert(e);
  209. 			}
  210. 		};
  211. 		//历史弹幕下载
  212. 		downloadPast.onclick = async () => {
  213. 			//获取视频发布日期
  214. 			let date;
  215. 			let dateNode = document.querySelector('.video-data span:nth-child(2)');
  216. 			if (dateNode) {
  217. 				date = new Date(dateNode.textContent);
  218. 				if (isNaN(date)) {
  219. 					date = await fetchPubDate();
  220. 				}
  221. 			} else {
  222. 				date = await fetchPubDate();
  223. 			}
  224. 			if (!date) {   //获取视频投稿时间失败，默认设置为当天
  225. 				date = new Date();
  226. 			}
  227. 			if((date = prompt('请按此格式输入想要下载历史弹幕的日期',  date.getFullYear() + '-' + ('0' + (date.getMonth() + 1)).substr(-2) + '-' + ('0' + date.getDate()).substr(-2))) == null) {
  228. 				return;
  229. 			}
  230. 			let danmaku = await fetchFunc(`https://api.bilibili.com/x/v2/dm/history?type=1&oid=${window.cid}&date=${date}&bilibiliDanmaku=1`);
  231. 			let aLink = document.createElement('a');
  232. 			aLink.setAttribute('download', document.title.split('_')[0] + '_' + date + '.xml');
  233. 			aLink.setAttribute('href', URL.createObjectURL(new Blob([danmaku])));
  234. 			aLink.dispatchEvent(new MouseEvent('click'));
  235. 		};
  236. 		
  237. 		//获取CC字幕列表
  238. 		let subList = [];
  239. 		let notFound = true;
  240. 		if (window.eventLogText) {
  241. 			for (let i = window.eventLogText.length - 1; i >= 0; i--) {
  242. 				let eventLog = window.eventLogText[i];
  243. 				if (eventLog.indexOf('<subtitle>') > 0) {
  244. 					notFound = false;
  245. 					try {
  246. 						subList = JSON.parse(eventLog.substring(eventLog.indexOf('<subtitle>') + 10,
  247. 							eventLog.indexOf('</subtitle>'))).subtitles;
  248. 					} catch(e) {
  249. 						console.log(e);
  250. 						notFound = true;
  251. 					}
  252. 					break;
  253. 				}
  254. 			}
  255. 		}
  256. 		if (notFound) {
  257. 			subList = await fetchSubtitles();
  258. 		}
  259. 		if (subList.length == 0) {   //没有CC字幕则隐藏相关按钮
  260. 			subSpan.setAttribute('hidden', 'hidden');
  261. 			downloadSub.onclick = null;
  262. 			convertSub.onclick = null;
  263. 			return;
  264. 		} else {
  265. 			subSpan.removeAttribute('hidden');
  266. 		}
  267. 		//下载CC字幕
  268. 		downloadSub.onclick = async () => {
  269. 			let aLink = document.createElement('a');
  270. 			for (let sub of subList) {
  271. 				let subtitle = await fetchFunc(sub.subtitle_url.replace(/^http:/, ''), 'blob');   //避免混合内容
  272. 				aLink.setAttribute('download', sub.lan + '_' + document.title.split('_')[0] + '.json');
  273. 				aLink.setAttribute('href', URL.createObjectURL(subtitle));
  274. 				aLink.dispatchEvent(new MouseEvent('click'));
  275. 			}
  276. 		};
  277. 		//生成SRT字幕
  278. 		convertSub.onclick = async () => {
  279. 			let aLink = document.createElement('a');
  280. 			for (let sub of subList) {
  281. 				let subtitle = await fetchFunc(sub.subtitle_url.replace(/^http:/, ''), 'json');   //避免混合内容
  282. 				let srt = '', index = 0;
  283. 				for (let content of subtitle.body) {
  284. 					srt += `${index++}\n${formatSeconds(content.from)} --> ${formatSeconds(content.to)}\n${content.content.replace(/\n/g,'<br>')}\n\n`;
  285. 				}
  286. 				aLink.setAttribute('download', sub.lan + '_' + document.title.split('_')[0] + '.srt');
  287. 				aLink.setAttribute('href', URL.createObjectURL(new Blob([srt])));
  288. 				aLink.dispatchEvent(new MouseEvent('click'));
  289. 			}
  290. 		};
  291. 	};
  292. 	
  293. 	let findInsertPos = () => {
  294. 		let node;
  295. 		if (location.href.indexOf('www.bilibili.com/bangumi/play') > 0) {   //番剧
  296. 			node = document.querySelector('.media-right');
  297. 			if (node && node.querySelector('.media-count').textContent.indexOf('弹幕') == -1) {
  298. 				return null;   //避免信息栏未加载出来时插入链接导致错误
  299. 			}
  300. 		} else if (location.href.indexOf('www.bilibili.com/watchlater') > 0) {   //稍后再看
  301. 			node = document.querySelector('.tminfo');
  302. 			if (node) {
  303. 				node.lastElementChild.style.marginRight = '32px';
  304. 			}
  305. 		} else if (location.href.indexOf('www.bilibili.com/medialist/play') > 0) {   //新的稍后再看页面、收藏页面
  306. 			node = document.querySelector('.play-data');
  307. 			if (node) {
  308. 				node.lastElementChild.style.marginRight = '16px';
  309. 			}
  310. 			//新的稍后再看页面没有aid、bvid、cid，需要特殊处理
  311. 			let videoMessage = window.player.getVideoMessage();
  312. 			if (videoMessage) {
  313. 				window.aid = videoMessage.aid;
  314. 				window.cid = videoMessage.cid;
  315. 			} else {
  316. 				return null;
  317. 			}
  318. 		} else {
  319. 			node = document.getElementById('viewbox_report');
  320. 			if (node) {
  321. 				if (!document.querySelector('.bilibili-player-video-info-people-number')) {
  322. 					return null;   //避免信息栏未加载出来时插入链接导致错误
  323. 				}
  324. 				node = node.querySelector('.video-data');
  325. 				node.lastElementChild.style.marginRight = '16px';
  326. 			}
  327. 		}
  328. 		return node;
  329. 	};
  330. 	let createNode = () => {
  331. 		view = document.createElement('a');
  332. 		download = document.createElement('a');
  333. 		downloadAll = document.createElement('a');
  334. 		downloadPast = document.createElement('a');
  335. 		downloadSub = document.createElement('a');
  336. 		convertSub = document.createElement('a');
  337. 		view.setAttribute('target', '_blank');
  338. 		downloadPast.setAttribute('href', 'javascript:;');
  339. 		downloadSub.setAttribute('href', 'javascript:;');
  340. 		convertSub.setAttribute('href', 'javascript:;');
  341. 		view.textContent = '查看弹幕';
  342. 		download.textContent = '下载弹幕';
  343. 		downloadAll.textContent = '全弹幕下载';
  344. 		downloadPast.textContent = '历史弹幕下载';
  345. 		downloadSub.textContent = '下载CC字幕';
  346. 		convertSub.textContent = '生成SRT字幕';
  347. 		view.style.color = '#999';
  348. 		download.style.color = '#999';
  349. 		downloadAll.style.color = '#999';
  350. 		downloadPast.style.color = '#999';
  351. 		downloadSub.style.color = '#999';
  352. 		convertSub.style.color = '#999';
  353. 		let span = document.createElement('span');
  354. 		span.id = 'bilibiliDanmaku';
  355. 		span.appendChild(view);
  356. 		span.appendChild(document.createTextNode(' | '));
  357. 		span.appendChild(download);
  358. 		span.appendChild(document.createTextNode(' | '));
  359. 		span.appendChild(downloadAll);
  360. 		span.appendChild(document.createTextNode(' | '));
  361. 		span.appendChild(downloadPast);
  362. 		subSpan = document.createElement('span');
  363. 		subSpan.setAttribute('hidden', 'hidden');
  364. 		subSpan.style.marginLeft = '16px';   //弹幕与字幕功能分开
  365. 		subSpan.appendChild(downloadSub);
  366. 		subSpan.appendChild(document.createTextNode(' | '));
  367. 		subSpan.appendChild(convertSub);
  368. 		span.appendChild(subSpan);
  369. 		return span;
  370. 	};
  371. 	let insertNode = () => {
  372. 		let code = setInterval(() => {
  373. 			if (location.href.indexOf('www.bilibili.com/medialist/play') > 0) {
  374. 				if (!window.player) {   //新的稍后再看页面、收藏页面没有cid
  375. 					return;
  376. 				}
  377. 			} else if (!window.cid) {
  378. 				return;
  379. 			}
  380. 			if (document.getElementById('bilibiliDanmaku')) {   //节点已存在
  381. 				clearInterval(code);
  382. 				danmakuFunc();
  383. 			} else {
  384. 				let node = findInsertPos();
  385. 				if (node) {
  386. 					clearInterval(code);
  387. 					node.appendChild(createNode());
  388. 					danmakuFunc();
  389. 				}
  390. 			}
  391. 		}, 2196);
  392. 	};
  393. 	
  394. 	insertNode();
  395. 	addEventListener('hashchange', insertNode);
  396. 	addEventListener('pushState', insertNode);
  397. 	addEventListener('replaceState', insertNode);
  398. })();