MediaWiki:Vector.js：修订间差异

以互动方式浏览历史

←上一编辑

@@ 第1行： / 第1行： @@
 /* 此处所有JavaScript将为使用Vector皮肤的用户加载 */
 /* 这里的任何JavaScript将为所有用户在每次页面载入时加载。 */
+/* 显示存在的配音文件的播放按钮 new */
+$(function () {
+    $('.audio-native-trigger').each(function () {
+        var $container = $(this);
+        var url = $container.data('src');
+        if (!url) return;
+        var tester = new Audio();
+        tester.src = url;
+        tester.preload = "metadata";
+        tester.onloadedmetadata = function () {
+            tester = null;
+            var $btn = $('<span class="audio-play-icon" style="cursor:pointer; user-select:none; font-size:1.75em; vertical-align:middle;">🔊</span>');
+            $container.empty().append($btn).show();
+            $btn.on('click', function () {
+                var currentAudio = $container.data('audio-instance');
+                if (currentAudio) {
+                    currentAudio.pause();
+                    currentAudio.onended = null;
+                }
+                var audio = new Audio(url);
+                audio.preload = "auto";
+                audio.loop = false;
+                $container.data('audio-instance', audio);
+                var playPromise = audio.play();
+                audio.onended = function () {
+                    $container.data('audio-instance', null);
+                };
+                audio.onerror = function() {
+                    $container.data('audio-instance', null);
+                };
+            });
+        };
+        tester.onerror = function () {
+            $container.remove();
+            tester = null;
+        };
+    });
+});