MediaWiki:Gadget-AudioText.js：修订间差异

2025年5月24日 (六) 23:21的版本 查看源代码 OctoberSama​（留言 | 贡献） （撤销OctoberSama（讨论）的修订版本6363） 小 ←上一编辑		2025年5月24日 (六) 23:22的版本 查看源代码 OctoberSama​（留言 | 贡献） 小 下一编辑→
第1行：		第1行：
	// MediaWiki:Gadget-AudioText.js		// MediaWiki:Gadget-AudioText.js
	(function() {		(function() {
	mw.hook('wikipage.content').add(function() {		const audioUrlCache = new Map();
	alert("🎉 JS脚本已加载！"); // 1. 脚本加载确认
	document.querySelectorAll('.audio-trigger').forEach(element => {		function handlePlay(element) {
	element.addEventListener('click', function() {		const audioFile = element.dataset.audioFile;
	alert("🖱️ 点击事件已触发！"); // 2. 点击事件确认
			if (audioUrlCache.has(audioFile)) {
	const audioFile = element.dataset.audioFile;		new Audio(audioUrlCache.get(audioFile)).play();
	alert("📁 音频文件名: " + audioFile); // 3. 显示模板参数		return;
			}
	// 构造API请求URL		const apiUrl = mw.util.wikiScript('api') + '?action=query&titles=' +
	const apiUrl = mw.util.wikiScript('api') + '?action=query&titles=' +		encodeURIComponent(audioFile) + '&prop=imageinfo&iiprop=url&format=json';
	encodeURIComponent(audioFile) + '&prop=imageinfo&iiprop=url&format=json';
	alert("🔗 即将请求API: \n" + apiUrl); // 4. 显示API地址
	// 发送API请求		fetch(apiUrl)
	fetch(apiUrl)		.then(response => response.json())
	.then(response => {		.then(data => {
	alert("📡 API响应状态: " + response.status); // 5. HTTP状态码		const pages = data.query.pages;
	return response.json();		const pageId = Object.keys(pages)[0];
	})		const audioUrl = pages[pageId].imageinfo[0].url;
	.then(data => {		audioUrlCache.set(audioFile, audioUrl);
	alert("📦 API返回原始数据: \n" + JSON.stringify(data)); // 6. 原始API数据		new Audio(audioUrl).play();
			});
	const pages = data.query.pages;		}
	const pageId = Object.keys(pages)[0];
	const audioUrl = pages[pageId].imageinfo[0].url;
	alert("🎵 解析出的音频URL: \n" + audioUrl); // 7. 最终音频地址
	// 尝试播放		function initAudioTriggers() {
	const audio = new Audio(audioUrl);		document.querySelectorAll('.audio-trigger').forEach(element => {
	audio.play()		if (element._audioBound) return;
	.then(() => alert("✅ 播放成功！"))		element._audioBound = true;
	.catch(e => alert("❌ 播放失败: " + e.message)); // 8. 播放结果
	})		const handler = (event) => {
	.catch(error => {		event.preventDefault();
	alert("💥 发生严重错误: " + error.message); // 9. 全局错误捕获		handlePlay(element);
	});		};
	});		element.addEventListener('touchstart', handler, { passive: false });
			element.addEventListener('click', handler);
	});		});
	});		}
			mw.hook('wikipage.content').add(initAudioTriggers);
			mw.loader.using('mediawiki.api').then(initAudioTriggers);
	})();		})();

2025年5月24日 (六) 23:22的版本

// MediaWiki:Gadget-AudioText.js
(function() {
    const audioUrlCache = new Map();

    function handlePlay(element) {
        const audioFile = element.dataset.audioFile;
        
        if (audioUrlCache.has(audioFile)) {
            new Audio(audioUrlCache.get(audioFile)).play();
            return;
        }

        const apiUrl = mw.util.wikiScript('api') + '?action=query&titles=' + 
            encodeURIComponent(audioFile) + '&prop=imageinfo&iiprop=url&format=json';

        fetch(apiUrl)
            .then(response => response.json())
            .then(data => {
                const pages = data.query.pages;
                const pageId = Object.keys(pages)[0];
                const audioUrl = pages[pageId].imageinfo[0].url;
                audioUrlCache.set(audioFile, audioUrl);
                new Audio(audioUrl).play();
            });
    }

    function initAudioTriggers() {
        document.querySelectorAll('.audio-trigger').forEach(element => {
            if (element._audioBound) return;
            element._audioBound = true;
            
            const handler = (event) => {
                event.preventDefault();
                handlePlay(element);
            };
            element.addEventListener('touchstart', handler, { passive: false });
            element.addEventListener('click', handler);
        });
    }

    mw.hook('wikipage.content').add(initAudioTriggers);
    mw.loader.using('mediawiki.api').then(initAudioTriggers);
})();