使用 DOMParser 解析弹幕 XML 文件

这样的实现更标准,主要有两个优点:
1. 能正确处理转义过的字符,如 `<d p="2,1,25,16777215,0,0,0,0">&lt;&lt;&lt;&lt;</d>`
2. 能支持其他“兼容”B站弹幕XML格式的弹幕文件
This commit is contained in:
Genteure authored and Harvey Zack committed 2022-06-08 09:59:11 +08:00
1 parent 3d4f8ce3aa
commit d644d322c3
1 file changed
+20 -20
@@ -14,26 +14,26 @@ export function getMode(key) {
export function bilibiliDanmuParseFromXml(xmlString) {
if (typeof xmlString !== 'string') return [];
const srtList = xmlString.match(/<d([\S ]*?>[\S ]*?)<\/d>/gi);
return srtList && srtList.length
? srtList.map((item) => {
const [, attrStr, text] = item.match(/<d p="(.+)">(.+)<\/d>/);
const attr = attrStr.split(',');
return attr.length === 8 && text.trim()
? {
text,
time: Number(attr[0]),
mode: getMode(Number(attr[1])),
fontSize: Number(attr[2]),
color: `#${Number(attr[3]).toString(16)}`,
timestamp: Number(attr[4]),
pool: Number(attr[5]),
userID: attr[6],
rowID: Number(attr[7]),
}
: null;
})
: [];
try {
let parsedXml = (new DOMParser()).parseFromString(xmlString, 'text/xml');
return Array.from(parsedXml.querySelectorAll('d')).map((d) => {
let attr = d.attributes.p.value.split(',');
return {
text: d.textContent,
time: Number(attr[0]),
mode: getMode(Number(attr[1])),
fontSize: Number(attr[2]),
color: `#${Number(attr[3]).toString(16)}`,
timestamp: Number(attr[4]),
pool: Number(attr[5]),
userID: attr[6],
rowID: Number(attr[7])
}
}
)
} catch (error) {
return [];
}
}
export function bilibiliDanmuParseFromUrl(url) {