Template:Audio: Difference between revisions

m
no edit summary
mNo edit summary
mNo edit summary
Line 1:
<includeonly><templatestyles src="Audio/style.css"/><div class="audio-player" style="width:{{{width|100%}}};height:{{{height|50px}}}" 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}}}">
{{#if:{{{no-progress|}}}||<div class="timeline"><div class="progress"></div></div>}}
<div class="controls">
<div class="play-container">
<div class="toggle-play play"></div>
</div><!--
-->{{#if:{{{no-time|}}}||<div class="time">
<div class="current">Loading...</div>
<div class="divider"></div>
<div class="length"></div>
</div>}}<!--
-->{{#if:{{{no-name|}}}||<div class="name">{{{src|}}}</div>}}<!--
-->{{#if:{{{no-volume|}}}||<div class="volume-container">
<div class="volume-button">
<div class="volume icon-volume-medium"></div>
Line 18:
<div class="volume-percentage"></div>
</div>
</div>}}
</div>
</div></includeonly><noinclude>
Line 27:
{{Audio|src=Theme 59 Short.ogg|group=BGM|volume=0.25|loop=true|loop-start=53.333|loop-end=74.666}}
 
{{Audio|src=AMB Rain.ogg|no-name=true|no-volume=true|no-time=true|width=40px}}
{{Audio|src=AMB Helicopter.ogg}}
 
#GrabAllow ancustom audio interfacestyles (especially transform scale). AllowMaybe use custom styles.class?
#Deal with parameters: multiple audio groups, initial volume, and looping.