Getting a "repeat" button to work.

  • 0
  • 1

So, I have a testing website for audiotool:

Recently, I have tried to add a "repeat" button for playback. I have successfully added it in, (after hours of making, converting, writing and uploading the svg files, and editing the bright.css file that I found in the AT source files for the website.) I got it to show up, it has its own class: "_repeat" and everything works as normal. I am completely new to html, never even done anything with it until today. So, I was wondering if anyone not only knew how to make something change class on click, (from class="icon big repeat lightgrey" to class="icon big repeat blue") and get it to also toggle playback and have the AT player "repeat" a track. I am working on getting this to work, but, once again, I have no idea how to make something toggle something on click.

Also, the only files I have access to are: bright.css and the base .html file ().

I COULD copy the javascript files that are mentioned in the html, but I feel that would be too inefficient. If any devs are reading this, which javascript files would I need to edit to get this to work?

By the way, devs, I haven't copied any of the .svg files so my bright.css just links to the originals. My .html also links to the original JavaScript, too.

Thank you for your time, I know that this whole thing is worded terribly, but if anyone has an answer to how to get it to toggle something, that would be great :D

  • EDIT: I was poking around the scripts, and it turns out André coded the static global player, could you help me pls ;-;
  • EDIT 2: I am now using my OWN static.player.js - how would I add a "repeat" function? (I don't know javascript...)

Create an account or to write a comment.

  • Just detect the ending of <audio> and set a repeat attribute through js.