<!DOCTYPE html>
<html>
<head>
    <title>音频源提取器</title>
    <style>
        .container { max-width: 800px; margin: 20px auto }
        textarea {
            width: 100%; height: 200px;
            padding: 10px; margin: 10px 0;
            border: 1px solid #ccc
        }
        button {
            padding: 8px 20px;
            background: #007bff; color: white;
            border: none; cursor: pointer
        }
        #result { margin-top: 20px; padding: 15px }
    </style>
</head>
<body>
	游戏名：<input id="game"><br>
	用序号替换名称：<input type="checkbox" id="id">
    <div class="container">
        <h3>粘贴HTML代码：</h3>
        <textarea id="htmlInput" placeholder="粘贴复制的HTML代码..."></textarea>
        <button onclick="parseHTML()">解析音频源</button>
        <div id="result"></div>
    </div>

    <script>
		function copy(s){
			navigator.clipboard.writeText(s);
		};
		
        function parseHTML() {
            const htmlContent = document.getElementById('htmlInput').value;
            const resultDiv = document.getElementById('result');
            try {
                // 创建文档解析器:ml-citation{ref="3,5" data="citationList"}
                const parser = new DOMParser();
                const doc = parser.parseFromString(htmlContent, 'text/html');
				const scripts = doc.querySelectorAll('script[type="application/ld+json"]')
				const json = JSON.parse(scripts[1].textContent).itemListElement;
                // 结果输出处理
                if (json.length === 0) {
                    resultDiv.innerHTML = "<span style='color:#666'>未找到音频源</span>";
                    return;
                }
                let output = `<strong>找到 ${json.length} 个音频源：</strong><ul>`;
                json.forEach((obj, index) => {
					let name = obj.name, url = obj.contentUrl;
					let file_name = document.getElementById('game').value + ' - ';
					if(document.getElementById('id').checked)
						file_name += index + 1;
					else
						file_name += name.replace(/^\s*\d+\. /, '').replace(/\s*-.*/, '');
					file_name = file_name.replace(/\s+$/, '');
					let site = url.replace(/\?.*/, '');
					output += `
						<li>
							(${index+1}) ${file_name}
							<a href="${site}" download="1.mp3" style="font-size: 0.5em"
							oncontextmenu="copy('${file_name}')">${site}</a>
						</li>
					`;


                });
                output += '</ul>';
                resultDiv.innerHTML = output;
            } catch (error) {
				console.error(error);
                resultDiv.innerHTML = `<span style='color:red'>解析错误：${error.message}</span>`;
            }
        }
    </script>
</body>
</html>
# javascript # 开发语言 # ecmascript
Logo
亚马逊云科技技术品牌专区

更多推荐

open-code-review Codex 插件教程：对话式调用评审技能指南

本文是一份面向新手的 **open-code-review Codex 插件教程**，教你在 Codex 中通过对话式方式调用 open-code-review 的 AI 代码评审技能。open-code-review 是阿里巴巴开源的 AI 代码评审工具，采用"确定性流水线 + LLM Agent"混合架构，内置多语言评审规则（NPE、线程安全、XSS、SQL 注入等），可在 Codex 里用一

avatar 亚马逊云科技技术品牌专区

OBS Studio 完整指南：免费开源录屏与直播软件从零上手

想做一场像模像样的直播，或者把屏幕内容录成教程视频，但一想到商用软件的订阅费就有些犹豫？其实你不需要花一分钱。OBS Studio 是一款免费开源的直播与录屏软件，支持 Windows、macOS 和 Linux，采集、混音、编码、推流、录制，一条流水线全包了。## 先搞清楚 OBS Studio 是什么OBS Studio 是一个"场景化"的采集合成工具：你把摄像头、窗口、浏览器、图片、

avatar 亚马逊云科技技术品牌专区

如何用MediaCrawler爬取小红书抖音数据？7大平台爬虫从安装到实战完整指南

MediaCrawler 是一个支持小红书、抖音、快手、B站、微博、百度贴吧、知乎的开源自媒体数据采集工具。它能按关键词、按帖子、按创作者主页三种方式抓取笔记/视频内容、评论甚至二级评论，并把结果存成 JSON、CSV、Excel 或数据库。适合做市场调研、竞品监控、内容选题的运营人员，以及想要现成爬虫框架而不想从零写 JS 逆向的开发者。## 从一次"手动抄数据"说起想象这个场景：你负责

avatar 亚马逊云科技技术品牌专区