以ASS字幕格式保存巴哈姆特动画疯的弹幕
目前为
// ==UserScript==
// @name bahamut ASS Danmaku Downloader Modified
// @name:zh-TW 動畫瘋 ASS格式彈幕下載器 Modified
// @name:zh-CN 巴哈姆特动画疯 ASS格式弹幕下载器 Modified
// @namespace https://github.com/tiansh, https://github.com/zhuzemin
// @description http://ani.gamer.com.tw download danmaku as ".ass"
// @description:zh-TW 以ASS字幕格式保存巴哈姆特動畫瘋的彈幕
// @description:zh-cn 以ASS字幕格式保存巴哈姆特动画疯的弹幕
// @include https://ani.gamer.com.tw/animeVideo.php?sn=*
// @include https://ani.gamer.com.tw/
// @version 1.05
// @grant GM_addStyle
// @grant GM_getValue
// @grant GM_setValue
// @grant GM_registerMenuCommand
// @connect ani.gamer.com.tw
// @run-at document-start
// @author 田生, Modified by zhuzemin, az689
// @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/
// ==/UserScript==
// 设置项
var defconfig = {
'playResX': 960, // 屏幕分辨率宽（像素）
'playResY': 540, // 屏幕分辨率高（像素）
'fontlist': [ // 字形（会自动选择最前面一个可用的）
'Microsoft YaHei UI', 'Microsoft YaHei', '文泉驿正黑', 'STHeitiSC', '黑体',
],
'font_size': 24, // 字号（像素）
'exlinespace': 1, // 额外行距（字号的比例）
'r2ltime': 8, // 右到左弹幕持续时间（秒）
'fixtime': 4, // 固定弹幕持续时间（秒）
'opacity': 0.6, // 不透明度（比例）
'space': 0, // 弹幕间隔的最小水平距离（像素）
'max_delay': 6, // 最多允许延迟几秒出现弹幕
'bottom': 0, // 底端给字幕保留的空间（像素）
'use_canvas': false, // 是否使用canvas计算文本宽度（布尔值，Linux下的火狐默认否，其他默认是，Firefox bug #561361）
'debug': true, // 打印调试信息
};
var config = null //GM_getValue("config", null);
if (config === null) {
GM_setValue("config", defconfig);
config = defconfig;
console.log("设置初始化");
};
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 于 {{time}} 生成
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}},{{size}},&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}},{{size}},&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),
'size': config.font_size,
'time': (new Date()).toString()
});
// 补齐数字开头的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 !== 1) s += '\\fs' + Math.round(line.size * config.font_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 * config.exlinespace);
var width = calcWidth(line.text, Math.round(line.size * config.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;
});
};
var sendXHR = function(url, method, data, callback) {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = () => {
if (xhr.readyState === 4) {
if (xhr.status === 200) callback(xhr.response);
else alert("获取失败:" + xhr.status);
}
};
xhr.open(method, url);
xhr.setRequestHeader("Cookie", document.cookie);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
xhr.send(data);
};
//添加播放页面的按钮
var initNewButton = function() {
debug('init newbutton');
//if (!document.querySelector('body')) return;
GM_addStyle(`.ahveuiw:after{content: "" !important;}`)
const b = document.createElement("button")
b.textContent = "获取ass弹幕"
b.addEventListener('click', e => {
e.preventDefault();
var fname = null;
try {
fname = document.title.replace("線上看 - 巴哈姆特動畫瘋", "[Baha]");
}
catch (e) {};
nmina(animefun.danmu, fname, {
'title': document.title,
'ori': location.href
});
});
b.className = "ahveuiw";
document.querySelector(".anime_name").appendChild(b);
return;
};
//将弹幕转换为ASS并保存
var nmina = function(dm, filename, exinfo) {
var danmaku = dm.map(function(line) {
return {
'text': line.text,
'time': line.time / 10,
'color': line.color.substr(1),
'mode': ['R2L', 'TOP', 'BOTTOM'][line.position],
'size': line.size * 0.5 + 0.5,
'bottom': false,
'sender': line.userid,
// 'create': new Date(Number(info[5]) * 1000),
// 'danmakuid': info[6], // format as uuid
};
})
debug('got %d danmaku', danmaku.length);
var ass = generateASS(setPosition(danmaku), exinfo);
startDownload('' + ass, filename + '.ass');
};
//从SN号获取弹幕
var downloadDanmakuformSN = function(snid, filename, exinfo) {
var cbf = function(resp) {
nmina(JSON.parse(resp), filename, exinfo);
};
sendXHR("https://ani.gamer.com.tw/ajax/danmuGet.php", "POST", "sn=" + snid.toString(10), cbf);
};
//添加新番列表的按钮
var initNewanimelistButton = function() {
GM_addStyle(`.listgetassdanmaku-button {
position: absolute;
bottom: 8px;
right: 8px;
display: flex;
align-items: center;
padding: 4px 4px;
border-radius: 5px;
background-color: var(--baha-primary-color);
z-index: 4;
color: #EEE;
}`);
for (let node of document.querySelector(".newanime-block").children) {
try {
var b = document.createElement("div");
debug(node);
b.className = "listgetassdanmaku-button";
b.textContent = "获取ass弹幕";
b.addEventListener('click', e => {
e.preventDefault();
var snid = node.querySelector(".anime-card-block").getAttribute("href").split("=")[1];
var title = node.querySelector(".anime-name").children[1].textContent;
var episode = (node.querySelector(".anime-episode > p") == null) ? "" : node.querySelector(".anime-episode > p").textContent;
downloadDanmakuformSN(snid, title + " " + episode + " [Baha]", {
'title': title + " " + episode,
'ori': node.querySelector(".anime-card-block").href.toString()
});
});
node.querySelector(".anime-pic-block").appendChild(b);
}
catch (e) {};
};
};
/*
* Common
*/
// 初始化
var init = function() {
//GM_registerMenuCommand("设置",function(){console.log(1)});
//GM_registerMenuCommand("操作",function(){console.log(2)});
initFont();
if (location.href === "https://ani.gamer.com.tw/") initNewanimelistButton();
else initNewButton();
};
if (document.body) init();
else window.addEventListener('DOMContentLoaded', init);