Template:Audio: Difference between revisions
Jump to navigation
Jump to search
Content added Content deleted
PetraMagna (talk | contribs) (pause button complete) |
PetraMagna (talk | contribs) (add file link) |
||
(3 intermediate revisions by the same user not shown) | |||
Line 10: | Line 10: | ||
<div class="length"></div> |
<div class="length"></div> |
||
</div>}}<!-- |
</div>}}<!-- |
||
-->{{#if:{{{no-name|}}}||<div class="name">{{{name|{{{src|}}}}}}</div>}}<!-- |
-->{{#if:{{{no-name|}}}||<div class="name">{{#if:{{{src|}}}|[[:File:{{{src|}}}|{{{name|{{{src|}}}}}}]]|{{{name|{{{src|}}}}}}}}</div>}}<!-- |
||
-->{{#if:{{{no-volume|}}}||<div class="volume-container"> |
-->{{#if:{{{no-volume|}}}||<div class="volume-container"> |
||
<div class="volume-button"> |
<div class="volume-button"> |
||
Line 34: | Line 34: | ||
#Allow custom styles (especially transform scale). Maybe allow custom class as well? |
#Allow custom styles (especially transform scale). Maybe allow custom class as well? |
||
#Style tweaks. |
#Style tweaks. |
||
#Lazy updates to progress bar and time: do not update when audio is paused or not started. <- sort of done: only overhead is a check against the previous playtime |
|||
#Lazy loading. Especially helpful for pages with hundreds of audio files. <- not urgent: this reduces latency anyway |
|||
#Draggable progress bar and volume control. |
|||
#Mobile compatibility test. |
|||
</noinclude> |
</noinclude> |
Latest revision as of 03:59, 2 July 2024
Adapted from CodePen with MIT license.
BGM pauses
- Allow custom styles (especially transform scale). Maybe allow custom class as well?
- Style tweaks.
- Lazy updates to progress bar and time: do not update when audio is paused or not started. <- sort of done: only overhead is a check against the previous playtime
- Lazy loading. Especially helpful for pages with hundreds of audio files. <- not urgent: this reduces latency anyway
- Draggable progress bar and volume control.
- Mobile compatibility test.