☰

bilibiliDanmaku

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

当前为 2020-04-04 提交的版本，查看 最新版本。

  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/#/*
  10. // @include		http*://www.bilibili.com/bangumi/play/*
  11. // @version		2020.4.4
  12. // @compatible	firefox 52
  13. // @grant		none
  14. // @run-at		document-end
  15. // ==/UserScript==
  16. (function() {
  17. 	let view, subtitle, download, downloadAll;
  18. 	
  19. 	//拦截pushState和replaceState事件
  20. 	let historyFunc = type => {
  21. 		let origin = history[type];
  22. 		return function() {
  23. 			let e = new Event(type);
  24. 			e.arguments = arguments;
  25. 			window.dispatchEvent(e);
  26. 			return origin.apply(history, arguments);
  27. 		};
  28. 	};
  29. 	history.pushState = historyFunc('pushState');
  30. 	history.replaceState = historyFunc('replaceState');
  31. 	
  32. 	let sleep = time => {
  33. 		return new Promise(resolve => setTimeout(resolve, time));
  34. 	};
  35. 	let fetchFunc = (url, json) => {
  36. 		return fetch(url, {credentials: 'include'}).then(response => {
  37. 			if (response.ok) {
  38. 				return json ? response.json(): response.text();
  39. 			}
  40. 			throw new Error('bilibiliDanmaku，无法加载弹幕：' + url);
  41. 		});
  42. 	};
  43. 	let fetchPubDate = async aid => {
  44. 		let response = await fetchFunc(`https://api.bilibili.com/x/web-interface/view?aid=${aid}`, true);
  45. 		if (response && response.data && response.data.pubdate) {
  46. 			let pubDate = new Date(response.data.pubdate * 1000);
  47. 			if (!isNaN(pubDate)) {
  48. 				return pubDate;
  49. 			}
  50. 		}
  51. 		return null;
  52. 	};
  53. 	
  54. 	let danmakuFunc = () => {
  55. 		view.setAttribute('href', `https://comment.bilibili.com/${window.cid}.xml`);
  56. 		
  57. 		subtitle.setAttribute('href', 'javascript:;');
  58. 		subtitle.onclick = () => {
  59. 			for (let i in window) {
  60. 				if (typeof window[i] != 'string') {
  61. 					continue;
  62. 				}
  63. 				let index = window[i].indexOf('<subtitle>');
  64. 				if (index < 0) {
  65. 					continue;
  66. 				}
  67. 				let subtitleUrl = window[i].substring(index + 10, window[i].indexOf('</subtitle>'));
  68. 				try {
  69. 					let aLink = document.createElement('a');
  70. 					let subtitles = JSON.parse(subtitleUrl).subtitles;
  71. 					if (subtitles.length == 0) {
  72. 						alert('该视频没有CC字幕');
  73. 						break;
  74. 					}
  75. 					for (let subtitle of subtitles) {
  76. 						let xhr = new XMLHttpRequest();
  77. 						xhr.responseType = 'blob';
  78. 						xhr.open('GET', `https:${subtitle.subtitle_url}`);
  79. 						xhr.onload = () => {
  80. 							if (xhr.status == 200) {
  81. 								aLink.setAttribute('download', subtitle.lan + '_' + document.title.split('_')[0] + '.json');
  82. 								aLink.setAttribute('href', URL.createObjectURL(xhr.response));
  83. 								aLink.dispatchEvent(new MouseEvent('click'));
  84. 							} else {
  85. 								console.log(new Error(xhr.statusText));
  86. 							}
  87. 						};
  88. 						xhr.send(null);
  89. 					}
  90. 				} catch(e) {
  91. 					alert(e);
  92. 				}
  93. 				break;
  94. 			}
  95. 		};
  96.  
  97. 		download.removeAttribute('download');
  98. 		download.setAttribute('href', 'javascript:;');
  99. 		download.onclick = () => {
  100. 			let xhr = new XMLHttpRequest();
  101. 			xhr.responseType = 'blob';
  102. 			xhr.open('GET', `https://comment.bilibili.com/${window.cid}.xml?bilibiliDanmaku`);
  103. 			xhr.onload = () => {
  104. 				if (xhr.status == 200) {
  105. 					download.onclick = null;
  106. 					download.setAttribute('download', document.title.split('_')[0] + '.xml');
  107. 					download.setAttribute('href', URL.createObjectURL(xhr.response));
  108. 					download.dispatchEvent(new MouseEvent('click'));
  109. 				} else {
  110. 					console.log(new Error(xhr.statusText));
  111. 				}
  112. 			};
  113. 			xhr.send(null);
  114. 		};
  115. 		
  116. 		downloadAll.removeAttribute('download');
  117. 		downloadAll.setAttribute('href', 'javascript:;');
  118. 		downloadAll.onclick = async () => {
  119. 			try {
  120. 				//加载当前弹幕池
  121. 				let danmakuMap = new Map();
  122. 				let danmaku = await fetchFunc(`https://api.bilibili.com/x/v1/dm/list.so?oid=${window.cid}&bilibiliDanmaku=1`);
  123. 				let danmakuAll = danmaku.substring(0, danmaku.indexOf('<d p='));
  124. 				let exp = new RegExp('<d p="([^,]+)[^"]+,(\\d+)">.+?</d>', 'g');
  125. 				while ((match = exp.exec(danmaku)) != null) {
  126. 					danmakuMap.set(parseInt(match[2]), [parseFloat(match[1]), match[0]]);
  127. 				}
  128. 				//获取视频发布日期
  129. 				let now = new Date();
  130. 				let pubDate, year, month;
  131. 				let dateNode = document.querySelector('.video-data span:nth-child(2)');
  132. 				if (dateNode) {
  133. 					pubDate = new Date(dateNode.textContent);
  134. 					if (isNaN(pubDate)) {
  135. 						pubDate = await fetchPubDate(window.aid);
  136. 					}
  137. 				} else {
  138. 					pubDate = await fetchPubDate(window.aid);
  139. 				}
  140. 				if (!pubDate) {
  141. 					alert('获取视频投稿时间失败！');
  142. 					return;
  143. 				}
  144. 				year = pubDate.getFullYear();
  145. 				month = pubDate.getMonth() + 1;
  146. 				//计算历史月份
  147. 				let monthArray = [];
  148. 				while (year * 100 + month <= now.getFullYear() * 100 + now.getMonth() + 1) {
  149. 					monthArray.push(`https://api.bilibili.com/x/v2/dm/history/index?type=1&oid=${window.cid}&month=${year + '-' + ('0' + month).substr(-2)}`);
  150. 					if (++month > 12) {
  151. 						month = 1;
  152. 						year++;
  153. 					}
  154. 				}
  155. 				//增加延迟
  156. 				let delay;
  157. 				if((delay = prompt('由于网站弹幕接口改版新的API限制获取速度，全弹幕下载需要有获取间隔，会导致该功能需要很长很长时间进行弹幕获取（视投稿时间而定，每天都有历史数据的话获取一个月大概需要20多秒），请输入获取间隔（若仍出现获取速度过快请适当加大间隔，单位：毫秒）', 299)) == null) {
  158. 					return;
  159. 				}
  160. 				if(isNaN(delay)) {
  161. 					alert('输入值不是数值！');
  162. 					return;
  163. 				}
  164. 				//进度条
  165. 				let progress = document.createElement('progress');
  166. 				progress.setAttribute('max', monthArray.length * 1000);
  167. 				progress.setAttribute('value', 0);
  168. 				progress.style.position = 'fixed';
  169. 				progress.style.margin = 'auto';
  170. 				progress.style.left = progress.style.right = 0;
  171. 				progress.style.top = progress.style.bottom = 0;
  172. 				progress.style.zIndex = 99;   //进度条置顶
  173. 				document.body.appendChild(progress);
  174. 				//获取历史弹幕日期
  175. 				let data;
  176. 				for (let i = 0; i < monthArray.length;) {
  177. 					data = await fetchFunc(monthArray[i], true);
  178. 					if (data.code) {
  179. 						throw new Error('bilibiliDanmaku，API接口返回错误：' + data.message);
  180. 					}
  181. 					if (data.data) {
  182. 						for (let j = 0; j < data.data.length; j++) {
  183. 							progress.setAttribute('value', i * 1000 + 1000 / data.data.length * j);
  184. 							await sleep(delay);   //避免网站API调用速度过快导致错误
  185. 							danmaku = await fetchFunc(`https://api.bilibili.com/x/v2/dm/history?type=1&oid=${window.cid}&date=${data.data[j]}&bilibiliDanmaku=1`);
  186. 							if ((match = (new RegExp('^\{"code":[^,]+,"message":"([^"]+)","ttl":[^\}]+\}$',)).exec(danmaku)) != null) {
  187. 								throw new Error('bilibiliDanmaku，API接口返回错误：' + match[1]);
  188. 							}
  189. 							exp = new RegExp('<d p="([^,]+)[^"]+,(\\d+)">.+?</d>', 'g');
  190. 							while ((match = exp.exec(danmaku)) != null) {
  191. 								if (!danmakuMap.has(parseInt(match[2]))) {   //跳过重复的项目
  192. 									danmakuMap.set(parseInt(match[2]), [parseFloat(match[1]), match[0]]);
  193. 								}
  194. 							}
  195. 						}
  196. 					}
  197. 					progress.setAttribute('value', ++i * 1000);
  198. 				}
  199. 				//按弹幕播放时间排序
  200. 				let danmakuArray = [];
  201. 				for (let value of danmakuMap.values()) {
  202. 					danmakuArray.push(value);
  203. 				}
  204. 				danmakuArray.sort((a, b) => a[0] - b[0]);
  205. 				//合成弹幕
  206. 				document.body.removeChild(progress);
  207. 				for (let pair of danmakuArray) {
  208. 					danmakuAll += pair[1];
  209. 				}
  210. 				danmakuAll += '</i>';
  211. 				//设置下载链接
  212. 				downloadAll.onclick = null;
  213. 				downloadAll.setAttribute('download', document.title.split('_')[0] + '.xml');
  214. 				downloadAll.setAttribute('href', URL.createObjectURL(new Blob([danmakuAll])));
  215. 				downloadAll.dispatchEvent(new MouseEvent('click'));
  216. 			} catch(e) {
  217. 				alert(e);
  218. 			}
  219. 		};
  220. 	};
  221. 	
  222. 	let findInsertPos = () => {
  223. 		let node;
  224. 		if (location.href.indexOf('www.bilibili.com/bangumi/play') > 0) {   //番剧
  225. 			node = document.querySelector('.media-right');
  226. 			if (node && node.querySelector('.media-count').textContent.indexOf('弹幕') == -1) {
  227. 				return null;   //避免信息栏未加载出来时插入链接导致错误
  228. 			}
  229. 		} else if (location.href.indexOf('www.bilibili.com/watchlater') > 0) {   //稍后再看
  230. 			node = document.querySelector('.tminfo');
  231. 			if (node) {
  232. 				node.lastElementChild.style.marginRight = '32px';
  233. 			}
  234. 		} else {
  235. 			node = document.getElementById('viewbox_report');
  236. 			if (node) {
  237. 				if (node.querySelector('.dm').getAttribute('title') == '历史累计弹幕数--') {
  238. 					return null;   //避免信息栏未加载出来时插入链接导致错误
  239. 				}
  240. 				node = node.querySelector('.video-data');
  241. 				node.lastElementChild.style.marginRight = '16px';
  242. 			}
  243. 		}
  244. 		return node;
  245. 	};
  246. 	let createNode = () => {
  247. 		view = document.createElement('a');
  248. 		subtitle = document.createElement('a');
  249. 		download = document.createElement('a');
  250. 		downloadAll = document.createElement('a');
  251. 		view.setAttribute('target', '_blank');
  252. 		view.textContent = '查看弹幕';
  253. 		subtitle.textContent = '下载字幕';
  254. 		download.textContent = '下载弹幕';
  255. 		downloadAll.textContent = '全弹幕下载';
  256. 		view.style.color = '#999';
  257. 		subtitle.style.color = '#999';
  258. 		download.style.color = '#999';
  259. 		downloadAll.style.color = '#999';
  260. 		let span = document.createElement('span');
  261. 		span.id = 'bilibiliDanmaku';
  262. 		span.appendChild(view);
  263. 		span.appendChild(document.createTextNode(' | '));
  264. 		span.appendChild(subtitle);
  265. 		span.appendChild(document.createTextNode(' | '));
  266. 		span.appendChild(download);
  267. 		span.appendChild(document.createTextNode(' | '));
  268. 		span.appendChild(downloadAll);
  269. 		return span;
  270. 	};
  271. 	let insertNode = () => {
  272. 		let code = setInterval(() => {
  273. 			if (!window.cid) {
  274. 				return;
  275. 			}
  276. 			if (document.getElementById('bilibiliDanmaku')) {   //节点已存在
  277. 				clearInterval(code);
  278. 				danmakuFunc();
  279. 			} else {
  280. 				let node = findInsertPos();
  281. 				if (node) {
  282. 					clearInterval(code);
  283. 					node.appendChild(createNode());
  284. 					danmakuFunc();
  285. 				}
  286. 			}
  287. 		}, 1234);
  288. 	};
  289. 	
  290. 	insertNode();
  291. 	addEventListener('hashchange', insertNode);
  292. 	addEventListener('pushState', insertNode);
  293. 	addEventListener('replaceState', insertNode);
  294. })();