How to create an audio progress bar

I used Hyper TTS to generate MP3 files for English passages. However, Anki only displays a play button, and I cannot pause or control the playback. I want to create an audio progress bar to freely control the playback progress. I have tried many methods, and even when I enable Anki’s built-in progress bar, it doesn’t work. Is it still possible to create a progress bar? Or are there any other solutions?

1 Like

If file.mp3 is the name of the mp3 file, then

<audio src="file.mp3" controls></audio>

will show the usual audio controls.

So, you just need to add the file names to a field and add the above HTML to the template or directly add it to a field. You can also use find & replace with regex to update the field you currently have.

3 Likes

I followed your method to find and replace the default Anki [sound:filename.mp3] format with the standard HTML code , and it successfully generated a progress bar on the card.Thank you so much!!! It worked! Love you!!!

1 Like

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.