download danmaku as ".ass" format
// ==UserScript==
// @name bilibili ASS Danmaku Downloader
// @name:zh-CN bilibili ASS Danmaku Downloader
// @name:zh-TW bilibili ASS Danmaku Downloader
// @name:ja bilibili ASS Danmaku Downloader
// @namespace https://github.com/tiansh, https://github.com/zhuzemin
// @description download danmaku as ".ass" format
// @description:zh-TW download danmaku as ".ass" format
// @description:zh-CN download danmaku as ".ass" format
// @description:ja download danmaku as ".ass" format
// @include http://www.bilibili.com/video/av*
// @include http://bangumi.bilibili.com/movie/*
// @include https://www.bilibili.com/video/av*
// @include https://www.bilibili.com/bangumi/play/*
// @version 1.31
// @grant GM_addStyle
// @grant GM_xmlhttpRequest
// @run-at document-start
// @author 田生, Modified by zhuzemin
// @copyright 2014+, 田生
// @license Mozilla Public License 2.0; http://www.mozilla.org/MPL/2.0/
// @license CC Attribution-ShareAlike 4.0 International; http://creativecommons.org/licenses/by-sa/4.0/
// @connect-src comment.bilibili.com
// @connect-src interface.bilibili.com
// @connect-src api.bilibili.com
// ==/UserScript==
// 设置项
var config = {
'playResX': 560, // 屏幕分辨率宽（像素）
'playResY': 420, // 屏幕分辨率高（像素）
'fontlist': [ // 字形（会自动选择最前面一个可用的）
'Microsoft YaHei UI',
'Microsoft YaHei',
'文泉驿正黑',
'STHeitiSC',
'黑体',
],
'font_size': 1, // 字号（比例）
'r2ltime': 8, // 右到左弹幕持续时间（秒）
'fixtime': 4, // 固定弹幕持续时间（秒）
'opacity': 0.6, // 不透明度（比例）
'space': 0, // 弹幕间隔的最小水平距离（像素）
'max_delay': 6, // 最多允许延迟几秒出现弹幕
'bottom': 50, // 底端给字幕保留的空间（像素）
'use_canvas': null, // 是否使用canvas计算文本宽度（布尔值，Linux下的火狐默认否，其他默认是，Firefox bug #561361）
'debug': false, // 打印调试信息
};
var debug = config.debug ? console.log.bind(console) : function () {
};
// 将字典中的值填入字符串
var fillStr = function (str) {
var dict = Array.apply(Array, arguments);
return str.replace(/{{([^}]+)}}/g, function (r, o) {
var ret;
dict.some(function (i) {
return ret = i[o];
});
return ret || '';
});
};
// 将颜色的数值化为十六进制字符串表示
var RRGGBB = function (color) {
var t = Number(color).toString(16).toUpperCase();
return (Array(7).join('0') + t).slice( - 6);
};
// 将可见度转换为透明度
var hexAlpha = function (opacity) {
var alpha = Math.round(255 * (1 - opacity)).toString(16).toUpperCase();
return Array(3 - alpha.length).join('0') + alpha;
};
// 字符串
var funStr = function (fun) {
return fun.toString().split(/\r\n|\n|\r/).slice(1, - 1).join('\n');
};
// 平方和开根
var hypot = Math.hypot ? Math.hypot.bind(Math) : function () {
return Math.sqrt([0].concat(Array.apply(Array, arguments)).reduce(function (x, y) {
return x + y * y;
}));
};
// 创建下载
var startDownload = function (data, filename) {
var blob = new Blob([data], {
type: 'application/octet-stream'
});
var url = window.URL.createObjectURL(blob);
var saveas = document.createElement('a');
saveas.href = url;
saveas.style.display = 'none';
document.body.appendChild(saveas);
saveas.download = filename;
saveas.click();
setTimeout(function () {
saveas.parentNode.removeChild(saveas);
}, 1000)
document.addEventListener('unload', function () {
window.URL.revokeObjectURL(url);
});
};
// 计算文字宽度
var calcWidth = (function () {
// 使用Canvas计算
var calcWidthCanvas = function () {
var canvas = document.createElement('canvas');
var context = canvas.getContext('2d');
return function (fontname, text, fontsize) {
context.font = 'bold ' + fontsize + 'px ' + fontname;
return Math.ceil(context.measureText(text).width + config.space);
};
} // 使用Div计算
var calcWidthDiv = function () {
var d = document.createElement('div');
d.setAttribute('style', [
'all: unset',
'top: -10000px',
'left: -10000px',
'width: auto',
'height: auto',
'position: absolute',
'',
].join(' !important; '));
var ld = function () {
document.body.parentNode.appendChild(d);
}
if (!document.body) document.addEventListener('DOMContentLoaded', ld);
else ld();
return function (fontname, text, fontsize) {
d.textContent = text;
d.style.font = 'bold ' + fontsize + 'px ' + fontname;
return d.clientWidth + config.space;
};
};
// 检查使用哪个测量文字宽度的方法
if (config.use_canvas === null) {
if (navigator.platform.match(/linux/i) && !navigator.userAgent.match(/chrome/i)) config.use_canvas = false;
}
debug('use canvas: %o', config.use_canvas !== false);
if (config.use_canvas === false) return calcWidthDiv();
return calcWidthCanvas();
}());
// 选择合适的字体
var choseFont = function (fontlist) {
// 检查这个字串的宽度来检查字体是否存在
var sampleText = 'The quick brown fox jumps over the lazy dog' +
'7531902468' + ',.!-' + '，。：！' +
'天地玄黄' + '则近道矣';
// 和这些字体进行比较
var sampleFont = [
'monospace',
'sans-serif',
'sans',
'Symbol',
'Arial',
'Comic Sans MS',
'Fixed',
'Terminal',
'Times',
'Times New Roman',
'宋体',
'黑体',
'文泉驿正黑',
'Microsoft YaHei'
];
// 如果被检查的字体和基准字体可以渲染出不同的宽度
// 那么说明被检查的字体总是存在的
var diffFont = function (base, test) {
var baseSize = calcWidth(base, sampleText, 72);
var testSize = calcWidth(test + ',' + base, sampleText, 72);
return baseSize !== testSize;
};
var validFont = function (test) {
var valid = sampleFont.some(function (base) {
return diffFont(base, test);
});
debug('font %s: %o', test, valid);
return valid;
};
// 找一个能用的字体
var f = fontlist[fontlist.length - 1];
fontlist = fontlist.filter(validFont);
debug('fontlist: %o', fontlist);
return fontlist[0] || f;
};
// 从备选的字体中选择一个机器上提供了的字体
var initFont = (function () {
var done = false;
return function () {
if (done) return;
done = true;
calcWidth = calcWidth.bind(window, config.font = choseFont(config.fontlist)
);
};
}());
var generateASS = function (danmaku, info) {
var assHeader = fillStr(funStr(function () { /*! ASS弹幕文件文件头
[Script Info]
Title: {{title}}
Original Script: 根据 {{ori}} 的弹幕信息，由 https://github.com/tiansh/us-danmaku 生成
ScriptType: v4.00+
Collisions: Normal
PlayResX: {{playResX}}
PlayResY: {{playResY}}
Timer: 10.0000
[V4+ Styles]
Format: Name, Fontname, Fontsize, PrimaryColour, SecondaryColour, OutlineColour, BackColour, Bold, Italic, Underline, StrikeOut, ScaleX, ScaleY, Spacing, Angle, BorderStyle, Outline, Shadow, Alignment, MarginL, MarginR, MarginV, Encoding
Style: Fix,{{font}},25,&H{{alpha}}FFFFFF,&H{{alpha}}FFFFFF,&H{{alpha}}000000,&H{{alpha}}000000,1,0,0,0,100,100,0,0,1,2,0,2,20,20,2,0
Style: R2L,{{font}},25,&H{{alpha}}FFFFFF,&H{{alpha}}FFFFFF,&H{{alpha}}000000,&H{{alpha}}000000,1,0,0,0,100,100,0,0,1,2,0,2,20,20,2,0
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
*/
}), config, info, {
'alpha': hexAlpha(config.opacity)
});
// 补齐数字开头的0
var paddingNum = function (num, len) {
num = '' + num;
while (num.length < len) num = '0' + num;
return num;
};
// 格式化时间
var formatTime = function (time) {
time = 100 * time ^ 0;
var l = [
[100,
2],
[
60,
2
],
[
60,
2
],
[
Infinity,
0
]
].map(function (c) {
var r = time % c[0];
time = (time - r) / c[0];
return paddingNum(r, c[1]);
}).reverse();
return l.slice(0, - 1).join(':') + '.' + l[3];
};
// 格式化特效
var format = (function () {
// 适用于所有弹幕
var common = function (line) {
var s = '';
var rgb = line.color.split(/(..)/).filter(function (x) {
return x;
}).map(function (x) {
return parseInt(x, 16);
});
// 如果不是白色，要指定弹幕特殊的颜色
if (line.color !== 'FFFFFF') // line.color 是 RRGGBB 格式
s += '\\c&H' + line.color.split(/(..)/).reverse().join('');
// 如果弹幕颜色比较深，用白色的外边框
var dark = rgb[0] * 0.299 + rgb[1] * 0.587 + rgb[2] * 0.114 < 48;
if (dark) s += '\\3c&HFFFFFF';
if (line.size !== 25) s += '\\fs' + line.size;
return s;
};
// 适用于从右到左弹幕
var r2l = function (line) {
return '\\move(' + [
line.poss.x,
line.poss.y,
line.posd.x,
line.posd.y
].join(',') + ')';
};
// 适用于固定位置弹幕
var fix = function (line) {
return '\\pos(' + [
line.poss.x,
line.poss.y
].join(',') + ')';
};
var withCommon = function (f) {
return function (line) {
return f(line) + common(line);
};
};
return {
'R2L': withCommon(r2l),
'Fix': withCommon(fix),
};
}());
// 转义一些字符
var escapeAssText = function (s) {
// "{"、"}"字符libass可以转义，但是VSFilter不可以，所以直接用全角补上
return s.replace(/{/g, '｛').replace(/}/g, '｝').replace(/\r|\n/g, '');
};
// 将一行转换为ASS的事件
var convert2Ass = function (line) {
return 'Dialogue: ' + [
0,
formatTime(line.stime),
formatTime(line.dtime),
line.type,
',20,20,2,,',
].join(',')
+ '{' + format[line.type](line) + '}'
+ escapeAssText(line.text);
};
return assHeader +
danmaku.map(convert2Ass).filter(function (x) {
return x;
}).join('\n');
};
/*
下文字母含义：
0 ||----------------------x---------------------->
_____________________c_____________________
= / wc \ 0
| | |--v--| wv | |--v--|
| d |--v--| d f |--v--|
y |--v--| l f | s _ p
| | VIDEO |--v--| |--v--| _ m
v | AREA (x ^ y) |
v: 弹幕
c: 屏幕
0: 弹幕发送
a: 可行方案
s: 开始出现
f: 出现完全
l: 开始消失
d: 消失完全
p: 上边缘（含）
m: 下边缘（不含）
w: 宽度
h: 高度
b: 底端保留
t: 时间点
u: 时间段
r: 延迟
并规定
ts := t0s + r
tf := wv / (wc + ws) * p + ts
tl := ws / (wc + ws) * p + ts
td := p + ts
*/
// 滚动弹幕
var normalDanmaku = (function (wc, hc, b, u, maxr) {
return function () {
// 初始化屏幕外面是不可用的
var used = [
{
'p': - Infinity,
'm': 0,
'tf': Infinity,
'td': Infinity,
'b': false
},
{
'p': hc,
'm': Infinity,
'tf': Infinity,
'td': Infinity,
'b': false
},
{
'p': hc - b,
'm': hc,
'tf': Infinity,
'td': Infinity,
'b': true
},
];
// 检查一些可用的位置
var available = function (hv, t0s, t0l, b) {
var suggestion = [
];
// 这些上边缘总之别的块的下边缘
used.forEach(function (i) {
if (i.m > hc) return;
var p = i.m;
var m = p + hv;
var tas = t0s;
var tal = t0l;
// 这些块的左边缘总是这个区域里面最大的边缘
used.forEach(function (j) {
if (j.p >= m) return;
if (j.m <= p) return;
if (j.b && b) return;
tas = Math.max(tas, j.tf);
tal = Math.max(tal, j.td);
});
// 最后作为一种备选留下来
suggestion.push({
'p': p,
'r': Math.max(tas - t0s, tal - t0l),
});
});
// 根据高度排序
suggestion.sort(function (x, y) {
return x.p - y.p;
});
var mr = maxr;
// 又靠右又靠下的选择可以忽略，剩下的返回
suggestion = suggestion.filter(function (i) {
if (i.r >= mr) return false;
mr = i.r;
return true;
});
return suggestion;
};
// 添加一个被使用的
var use = function (p, m, tf, td) {
used.push({
'p': p,
'm': m,
'tf': tf,
'td': td,
'b': false
});
};
// 根据时间同步掉无用的
var syn = function (t0s, t0l) {
used = used.filter(function (i) {
return i.tf > t0s || i.td > t0l;
});
};
// 给所有可能的位置打分，分数是[0, 1)的
var score = function (i) {
if (i.r > maxr) return - Infinity;
return 1 - hypot(i.r / maxr, i.p / hc) * Math.SQRT1_2;
};
// 添加一条
return function (t0s, wv, hv, b) {
var t0l = wc / (wv + wc) * u + t0s;
syn(t0s, t0l);
var al = available(hv, t0s, t0l, b);
if (!al.length) return null;
var scored = al.map(function (i) {
return [score(i),
i];
});
var best = scored.reduce(function (x, y) {
return x[0] > y[0] ? x : y;
}) [1];
var ts = t0s + best.r;
var tf = wv / (wv + wc) * u + ts;
var td = u + ts;
use(best.p, best.p + hv, tf, td);
return {
'top': best.p,
'time': ts,
};
};
};
}(config.playResX, config.playResY, config.bottom, config.r2ltime, config.max_delay));
// 顶部、底部弹幕
var sideDanmaku = (function (hc, b, u, maxr) {
return function () {
var used = [
{
'p': - Infinity,
'm': 0,
'td': Infinity,
'b': false
},
{
'p': hc,
'm': Infinity,
'td': Infinity,
'b': false
},
{
'p': hc - b,
'm': hc,
'td': Infinity,
'b': true
},
];
// 查找可用的位置
var fr = function (p, m, t0s, b) {
var tas = t0s;
used.forEach(function (j) {
if (j.p >= m) return;
if (j.m <= p) return;
if (j.b && b) return;
tas = Math.max(tas, j.td);
});
return {
'r': tas - t0s,
'p': p,
'm': m
};
};
// 顶部
var top = function (hv, t0s, b) {
var suggestion = [
];
used.forEach(function (i) {
if (i.m > hc) return;
suggestion.push(fr(i.m, i.m + hv, t0s, b));
});
return suggestion;
};
// 底部
var bottom = function (hv, t0s, b) {
var suggestion = [
];
used.forEach(function (i) {
if (i.p < 0) return;
suggestion.push(fr(i.p - hv, i.p, t0s, b));
});
return suggestion;
};
var use = function (p, m, td) {
used.push({
'p': p,
'm': m,
'td': td,
'b': false
});
};
var syn = function (t0s) {
used = used.filter(function (i) {
return i.td > t0s;
});
};
// 挑选最好的方案：延迟小的优先，位置不重要
var score = function (i, is_top) {
if (i.r > maxr) return - Infinity;
var f = function (p) {
return is_top ? p : (hc - p);
};
return 1 - (i.r / maxr * (31 / 32) + f(i.p) / hc * (1 / 32));
};
return function (t0s, hv, is_top, b) {
syn(t0s);
var al = (is_top ? top : bottom) (hv, t0s, b);
if (!al.length) return null;
var scored = al.map(function (i) {
return [score(i, is_top),
i];
});
var best = scored.reduce(function (x, y) {
return x[0] > y[0] ? x : y;
}) [1];
use(best.p, best.m, best.r + t0s + u)
return {
'top': best.p,
'time': best.r + t0s
};
};
};
}(config.playResY, config.bottom, config.fixtime, config.max_delay));
// 为每条弹幕安置位置
var setPosition = function (danmaku) {
var normal = normalDanmaku(),
side = sideDanmaku();
return danmaku.sort(function (x, y) {
return x.time - y.time;
}).map(function (line) {
var font_size = Math.round(line.size * config.font_size);
var width = calcWidth(line.text, font_size);
switch (line.mode) {
case 'R2L':
return (function () {
var pos = normal(line.time, width, font_size, line.bottom);
if (!pos) return null;
line.type = 'R2L';
line.stime = pos.time;
line.poss = {
'x': config.playResX + width / 2,
'y': pos.top + font_size,
};
line.posd = {
'x': - width / 2,
'y': pos.top + font_size,
};
line.dtime = config.r2ltime + line.stime;
return line;
}());
case 'TOP':
case 'BOTTOM':
return (function (isTop) {
var pos = side(line.time, font_size, isTop, line.bottom);
if (!pos) return null;
line.type = 'Fix';
line.stime = pos.time;
line.posd = line.poss = {
'x': Math.round(config.playResX / 2),
'y': pos.top + font_size,
};
line.dtime = config.fixtime + line.stime;
return line;
}(line.mode === 'TOP'));
default:
return null;
};
}).filter(function (l) {
return l;
}).sort(function (x, y) {
return x.stime - y.stime;
});
};
/*
* bilibili
*/
// 获取xml
var fetchXML = function (cid, callback) {
GM_xmlhttpRequest({
'method': 'GET',
'url': 'https://api.bilibili.com/x/v1/dm/list.so?oid={{cid}}'.replace('{{cid}}', cid),
'onload': function (resp) {
var content = resp.responseText.replace(/(?:[\0-\x08\x0B\f\x0E-\x1F\uFFFE\uFFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])/g, '');
callback(content);
}
});
};
var fetchDanmaku = function (cid, callback) {
fetchXML(cid, function (content) {
callback(parseXML(content));
});
};
var parseXML = function (content) {
var data = (new DOMParser()).parseFromString(content, 'text/xml');
return Array.apply(Array, data.querySelectorAll('d')).map(function (line) {
var info = line.getAttribute('p').split(','),
text = line.textContent;
return {
'text': text,
'time': Number(info[0]),
'mode': [
undefined,
'R2L',
'R2L',
'R2L',
'BOTTOM',
'TOP'
][Number(info[1])],
'size': Number(info[2]),
'color': RRGGBB(parseInt(info[3], 10) & 16777215),
'bottom': Number(info[5]) > 0,
// 'create': new Date(Number(info[4])),
// 'pool': Number(info[5]),
// 'sender': String(info[6]),
// 'dmid': Number(info[7]),
};
});
};
// 获取当前cid
var getCid = function (callback) {
debug('get cid...');
var cid = null,
src = null,
aid = null;
try {
/*aid = document.querySelector('a.av-link').innerText.toLowerCase().replace('av', '');
src = document.querySelector('#bofqi iframe, #moviebofqi iframe').src.replace(/^.*\?/, '');
cid = Number(src.match(/cid=(\d+)/) [1]);*/
if(window.location.href.includes("bangumi")) {
cid = unsafeWindow.__INITIAL_STATE__.epInfo.cid;
}
else if(window.location.href.includes("av")) {
var EpisodeMatched = window.location.href.match(/\?p=(\d{1,2})/);
if (EpisodeMatched != null) {
var EpisodeNum = parseInt(EpisodeMatched[1]);
cid = unsafeWindow.__INITIAL_STATE__.videoData.pages[EpisodeNum - 1].cid;
}
else {
cid = unsafeWindow.__INITIAL_STATE__.videoData.pages[0].cid;
}
}
setTimeout(callback, 0, cid || undefined);
} catch (e) {
}
/*if (!aid) try {
aid = window.location.href.match(/av(\d*)/) [1];
} catch (e) {
}
if (aid) {
if(window.location.href.includes("bangumi")){
aid=unsafeWindow.__INITIAL_STATE__.epInfo.aid;
cid=unsafeWindow.__INITIAL_STATE__.epInfo.cid;
setTimeout(callback, 0, cid || undefined);
}
else{
GM_xmlhttpRequest({
'method': 'GET',
'url': 'https://api.bilibili.com/x/web-interface/view?aid=' + aid,
'onload': function (resp) {
try {
cid = Number(resp.responseText.match(/"cid":(\d*)/) [1]);
}
catch (e) {
}
setTimeout(callback, 0, cid || undefined);
},
'onerror': function () {
setTimeout(callback, 0);
}
});
}
} else {
setTimeout(getCid, 100, callback);
}*/
};
// 下载的主程序
var mina = function (cid0) {
getCid(function (cid) {
cid = cid || cid0;
fetchDanmaku(cid, function (danmaku) {
var name = null;
try {
name = document.querySelector('span.tit.tr-fix').textContent;
}
catch (e) {
}
if (!name) try {
name = document.querySelector('a.media-title').textContent;
var ep_item = document.querySelector('li.ep-item.cursor.visited');
var ep_title = ep_item.querySelector('span.ep-title').textContent;
name = name + ' - ' + ep_title;
}
catch (e) {
name = '' + cid;
}
debug('got xml with %d danmaku', danmaku.length);
var ass = generateASS(setPosition(danmaku), {
'title': document.title,
'ori': location.href,
});
startDownload('' + ass, name + '.ass');
});
});
};
// 显示出下载弹幕按钮
var showButton = function (count) {
GM_addStyle('.arc-toolbar .block.fav { margin-right: 0 } .arc-toolbar .block { padding: 0 18px; }');
var favbar = document.querySelector('body');
var assdown = document.createElement('div');
assdown.innerHTML = '<div id="assdown" class="block ass float-nav"><span class="t ass_btn"><i style="display: block; width: 80px; height: 80px; background-position: 0px 0px; background-image: url("data:image/png;base64,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");" class="b-icon b-icon-a b-icon-anim-ass" title="弹幕下载"></i><div class="t-right"><span class="t-right-top">弹幕下载</span><span class="t-right-bottom">' + count + '</span></div></span></div>';
assdown = assdown.firstChild;
//favbar.parentNode.parentNode.parentNode.parentNode.insertBefore(assdown, favbar.parentNode.parentNode.parentNode);
favbar.insertBefore(assdown, favbar.firstChild);
var timer = null,
frame = 0;
assdown.addEventListener('mouseenter', function () {
frame = 0;
timer = setTimeout(anim, 0);
});
assdown.addEventListener('mouseleave', function () {
clearTimeout(timer);
timer = null;
});
var anim = function () {
if (frame === 16) {
timer = null;
return;
}
frame++;
assdown.querySelector('i').style.backgroundPosition = '-' + (frame * 80) + 'px 0';
setTimeout(anim, 1000 / 16);
};
};
// 初始化按钮
var initButton = (function () {
var done = false;
return function () {
debug('init button');
if (!document.querySelector('body')) return;
getCid(function (cid) {
debug('cid = %o', cid);
if (!cid || done) return;
else done = true;
fetchDanmaku(cid, function (danmaku) {
showButton(danmaku.length);
document.querySelector('#assdown').addEventListener('click', function (e) {
e.preventDefault();
mina(cid);
});
});
});
};
}());
/*
* Common
*/
// 初始化
var init = function () {
initFont();
initButton();
};
if (document.body) init();
else window.addEventListener('DOMContentLoaded', init);