Template:Audio: Difference between revisions

123 bytes removed ,  6 months ago
pause button complete
mNo edit summary
(pause button complete)
Line 1:
<includeonly><templatestyles src="Audio/style.css"/><div class="audio-player" style="{{{container-style|}}}" data-src="{{filepath:{{{src|}}}}}" data-group="{{{group|}}}" data-volume="{{{volume|1}}}" data-loop="{{{loop|false}}}" data-loop-start="{{{loop-start|0}}}" data-loop-end="{{{loop-end|0}}}" data-pause-button="{{{pause-button|}}}">
{{#if:{{{no-progress|}}}||<div class="timeline"><div class="progress"></div></div>}}
<div class="controls" style="{{{controls-style|{{#if:{{{no-progress|}}}|padding-top:20px|}}}}}">
<div class="play-container">
<div class="toggle-play {{#ifeq:{{{pause-button|}}}|true|pause|play}}"></div>
</div><!--
-->{{#if:{{{no-time|}}}||<div class="time">
Line 27:
{{Audio|src=Theme 59 Short.ogg|group=BGM|volume=0.25|loop=true|loop-start=53.333|loop-end=74.666}}
 
{{Audio/small|src=AMB Rain.ogg|no-time=true|no-volume=true|no-progress=true|container-style=width:120px;height:40px;|name=sound effect of rain}}
{{Audio|src=AMB Helicopter.ogg}}
 
{{Audio/pause|group=BGM|name=BGM pauses}}
#Allow hiding the progress bar. Currently it breaks the layout.
 
#Allow custom styles (especially transform scale). Maybe allow custom class as well?
#Style tweaks.
#Pause BGM button support: either have it as a part of the audio template or put it in the story js.
 
</noinclude>