MediaWiki:Gadget-AudioText.js:修订间差异
外观
![]() OctoberSama(留言 | 贡献) 小 |
![]() OctoberSama(留言 | 贡献) 小 |
||
第1行: | 第1行: | ||
(function() { | (function() { | ||
const audioUrlCache = new Map(); | const audioUrlCache = new Map(); | ||
第28行: | 第27行: | ||
if (element._audioBound) return; | if (element._audioBound) return; | ||
element._audioBound = true; | element._audioBound = true; | ||
const handler = (event) => { | const handler = (event) => { | ||
event.preventDefault(); | |||
handlePlay(element); | handlePlay(element); | ||
}; | }; | ||
element.addEventListener('touchstart', handler, { passive: false }); | |||
element.addEventListener('click', handler); | element.addEventListener('click', handler); | ||
}); | }); | ||
} | } | ||
mw.hook('wikipage.content').add(initAudioTriggers); | mw.hook('wikipage.content').add(initAudioTriggers); | ||
mw.loader.using( | mw.loader.using('mediawiki.api').then(initAudioTriggers); | ||
})(); | })(); |
2025年5月24日 (六) 23:47的版本
(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); })();