Editing User:Dhani irwanto/Audio

<span class="html5audio flex-container" style="clear: both; justify-content: {{{align|right}}}" data-file="{{#explode:{{filepath:{{{file|Level 37 Ambience.mp3}}}}}|/r}}" data-volume="{{{volume|0.1}}}" data-download="false" data-preload="metadata" data-options="{{#ifeq:{{{autoplay}}}|no||autoplay}},{{#ifeq:{{{loop}}}|no||loop}}">{{{secrettext|Loading}}}</span><span style="display: none">[[File:{{{file|Level 37 Ambience.mp3}}}]]</span><noinclude><span style="margin-bottom: 1em; float: right" class="mw-customtoggle-final1 mw-customtoggle-initial1"><div class="wds-button mw-collapsible" id="mw-customcollapsible-initial1">'''Show Instructions'''</div></span>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-final1">
<div style="margin-bottom: 1em; float: right" class="wds-button mw-customtoggle-final1 mw-customtoggle-initial1">'''hide instructions'''</div>
</div>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-final1"><div class="lightblock" style="margin-top: 0 !important;">
===Customizable Audio Template===
This is a very simple, highly customizable audio template, offering more optimization and convenience over inserting audio in the conventional html5audio class normally (the one with <code><nowiki><div class="html5audio"></nowiki></code>) or the barebones file format (the one with <code><nowiki>[[File:]]</nowiki></code>).
{{Warningbox|color=red|content='''Important: Using the html5audio class will normally mark the file as 'unused', like happens when the file truly is not used anywhere. This means that it will automatically be deleted when unused files are regularly cleaned. To avoid this, you should use this template.'''}}

Parameters:
* <code>align</code> - Where the audio player will show up. Formatting is either <code>left</code>, <code>center</code>, or <code>right</code>. Default: right
* <code>file</code> - This is where you insert the name and type of the audio file to use. Formatting is <code>name.type</code>, like <code>song.ogg</code>. Default: Level 37 Ambience.mp3
* <code>volume</code> - The volume of the audio played. Formatting is any value from 0 to 1, with 0 being 0% volume (muted) and 1 being 100% volume (maximum volume). Default: 0.1 (10% volume)
* <code>autoplay</code> - Determines whether or not the audio should automatically start playing after the page loads. Set to <code>no</code> if you don't want the audio to autoplay. Default: yes
* <code>loop</code> - Determines whether or not the audio should automatically start playing again after ending. Set to <code>no</code> if you don't want the audio to loop. Default: yes
* <code>secrettext</code> - Sets some text that will briefly display before the audio file loads. Default: Loading

An example of how this template may be configured:
<code><nowiki>{{Audio|align=left|file=Critical.mp3|volume=0.5}}</nowiki></code> - Result: Level Critical's audio will play at 50% volume, with the audio player showing up at the left side of the page. As autoplay, loop, and secrettext aren't set, they'll be at their default values, which means the audio will autoplay and loop, in addition to displaying the text <code>Loading</code> shortly before the audio loads.</div></div></noinclude>