All posts by Coubical

A reply to Coubical

Coubical·10/22/2025

Right so I changed my current Wikitext for the template for this:

<div class="custom-audio-player"><div class="audio-element" data-audio-file="{{{Filename}}}"></div><span class="play-pause-button">Play</span><div class="progress-bar-container"><div class="progress-bar"></div></div></div><noinclude>{{Description}}</noinclude>

(it isn't wrapped because I had some issues with the formatting) and it renders just fine but it still doesn't play any sound. Which I figured the issue was because the <audio> tag does not show up in the inspect element. The thing is, my JS code (https://dev.fandom.com/wiki/MediaWiki:User:Coubical/Scripts/CustomAudioPlayer.js)

Does not seem to be running at all because I added a bunch of console logs to track the progress but it logs nothing. So now I am thinking it is a issue with the way I imported it, though I'm not too certain about that

Also the wiki I am using to test this is my own test wiki just so I don't make any harmful changes to the one I want to apply this to (https://testingthings.fandom.com/wiki/)

(Edited by Coubical)

Coubical·10/22/2025 in JS Development

Issues with custom audio player

I am trying to make a player so that it's more customizable with CSS and such, my issue for now is with the HTML because it seems to be rendering the <audio> tag and everything else below as raw text

Your browser does not support the audio tag.

</audio>

Play

</button>

</div>

</noinclude>