Widget:Audio: Difference between revisions

Revision as of 18:04, 9 October 2023

This widget allows you to add HTML5 Audio Media to your wiki page. For video files see the Video page.

To insert this widget, use the following code:

{{#widget:Audio
|url=https://wiki.ekatrafoundation.org/images/4/4d/Sample2.mp3
}}

@@ Line 15: / Line 15: @@
 |url=https://wiki.ekatrafoundation.org/images/4/4d/Sample2.mp3
 }}
-</noinclude><includeonly><audio class="mejs__player" src="<!--{$url|validate:url}-->"
+</noinclude><includeonly><div class="wikiaudioplayer"><audio class="mejs__player" src="<!--{$url|validate:url}-->"
-controls preload></audio><link rel="stylesheet" href="https://wiki.ekatrafoundation.org/mediaelementplayer.min.css" />
+controls preload></audio></div><link rel="stylesheet" href="https://wiki.ekatrafoundation.org/mediaelementplayer.min.css" />
-<script src="https://wiki.ekatrafoundation.org/index.php?title=MediaWiki:Mediaelement-and-player.min.js&action=raw&ctype=text/javascript"></script><script>
+<script src="https://wiki.ekatrafoundation.org/index.php?title=MediaWiki:Green-audio-player.min.js&action=raw&ctype=text/javascript"></script><script>
-	var player = new MediaElementPlayer( document.querySelector('.mejs__player'), {
+GreenAudioPlayer.init({
-		success: function(mediaElement, originalNode, instance) {
+    selector: '.wikiaudioplayer',
-		}
+    stopOthersOnPlay: true
-	});
+});
 </script>
 </includeonly>