Widget:Audio: Difference between revisions

From Ekatra Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 17: Line 17:
</noinclude><includeonly><audio class="mejs__player" src="<!--{$url|validate:url}-->"
</noinclude><includeonly><audio class="mejs__player" 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><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mediaelement/6.0.3/mediaelementplayer.min.css" />
<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://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:Mediaelement-and-player.min.js&action=raw&ctype=text/javascript"></script><script>
var player = new MediaElementPlayer( document.querySelector('.mejs__player'), {
var player = new MediaElementPlayer( document.querySelector('.mejs__player'), {

Revision as of 04:11, 2 August 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

Retrieved from "https://wiki.ekatrafoundation.org/index.php?title=Widget:Audio&oldid=62900"