Template:Audio: Difference between revisions
Jump to navigation
Jump to search
Content added Content deleted
PetraMagna (talk | contribs) m (will copy-paste that thing the next time I work on this) |
PetraMagna (talk | contribs) No edit summary |
||
Line 1: | Line 1: | ||
<includeonly><templatestyles src="Audio/style.css"/><div class="audio-player" data-src="{{filepath:{{{src|}}}}}" data-group="{{{group|concurrent}}}" data-volume="{{{volume|1}}}" data-loop="{{{loop|false}}}" data-loop-start="{{{loop-start|0}}}" data-loop-end="{{{loop-end|0}}} |
<includeonly><templatestyles src="Audio/style.css"/><div class="audio-player" data-src="{{filepath:{{{src|}}}}}" data-group="{{{group|concurrent}}}" data-volume="{{{volume|1}}}" data-loop="{{{loop|false}}}" data-loop-start="{{{loop-start|0}}}" data-loop-end="{{{loop-end|0}}}"> |
||
<div class="timeline"><div class="progress"></div></div> |
|||
<div class="controls"> |
|||
<div class="play-container"> |
|||
<div class="toggle-play play"></div> |
|||
</div> |
|||
<div class="time"> |
|||
<div class="current">0:00</div> |
|||
<div class="divider">/</div> |
|||
<div class="length"></div> |
|||
</div> |
|||
<div class="name">{{{src|}}}</div> |
|||
<div class="volume-container"> |
|||
<div class="volume-button"> |
|||
<div class="volume icono-volumeMedium"></div> |
|||
</div> |
|||
<div class="volume-slider"> |
|||
<div class="volume-percentage"></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div></includeonly><noinclude> |
|||
{{Audio|src=ClearMorning Short.ogg}} |
{{Audio|src=ClearMorning Short.ogg}} |
||
Revision as of 22:12, 9 January 2024
0:00
/
ClearMorning Short.ogg
- Grab an audio interface ( https://codepen.io/EmNudge/pen/rRbLJQ ). Allow custom styles.
- Deal with parameters: multiple audio groups, initial volume, and looping.