Widget:Audio: Difference between revisions

From Ekatra Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
 
(6 intermediate revisions by the same user not shown)
Line 15: Line 15:
|url=https://wiki.ekatrafoundation.org/images/4/4d/Sample2.mp3
|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 src="<!--{$url|validate:url}-->"
controls preload></audio><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mediaelement/6.0.3/mediaelementplayer.min.css" />
controls preload></audio></div>
<style>
.mejs__overlay-button {
background-image: url("https://wiki.ekatrafoundation.org/mejs-controls.svg") !important;
}
.mejs__overlay-loading-bg-img {
background-image: url("https://wiki.ekatrafoundation.org/mejs-controls.svg") !important;;
}
.mejs__button > button {
background-image: url("https://wiki.ekatrafoundation.org/mejs-controls.svg") !important;;
}
</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mediaelement/6.0.3/mediaelement-and-player.min.js"></script><script>
var player = new MediaElementPlayer( document.querySelector('.mejs__player'), {
success: function(mediaElement, originalNode, instance) {
}
});
</script>
</includeonly>
</includeonly>

Latest revision as of 18:51, 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
}}

Parameters

  • url - URL of the audio file

Sample result