使用 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) { export function bilibiliDanmuParseFromXml(xmlString) {
if (typeof xmlString !== 'string') return []; if (typeof xmlString !== 'string') return [];
const srtList = xmlString.match(/<d([\S ]*?>[\S ]*?)<\/d>/gi); try {
return srtList && srtList.length let parsedXml = (new DOMParser()).parseFromString(xmlString, 'text/xml');
? srtList.map((item) => { return Array.from(parsedXml.querySelectorAll('d')).map((d) => {
const [, attrStr, text] = item.match(/<d p="(.+)">(.+)<\/d>/); let attr = d.attributes.p.value.split(',');
const attr = attrStr.split(','); return {
return attr.length === 8 && text.trim() text: d.textContent,
? { time: Number(attr[0]),
text, mode: getMode(Number(attr[1])),
time: Number(attr[0]), fontSize: Number(attr[2]),
mode: getMode(Number(attr[1])), color: `#${Number(attr[3]).toString(16)}`,
fontSize: Number(attr[2]), timestamp: Number(attr[4]),
color: `#${Number(attr[3]).toString(16)}`, pool: Number(attr[5]),
timestamp: Number(attr[4]), userID: attr[6],
pool: Number(attr[5]), rowID: Number(attr[7])
userID: attr[6], }
rowID: Number(attr[7]), }
} )
: null; } catch (error) {
}) return [];
: []; }
} }
export function bilibiliDanmuParseFromUrl(url) { export function bilibiliDanmuParseFromUrl(url) {