Loop audio?

[chook100]

Hello. This is a fairly simple question, but is there a way to loop audio? (Restarts automatically after the sound ends). I've tried using audio.on('ended') and creating a new ui.audio element, but depending on how long the site is up, can quickly bog down a system since they are not being deleted.

[falkoschindler]

That's a good question, @chook100!

The HTML audio tag supports the attribute "loop". So you can simply add a loop prop:

ui.audio('https://cdn.pixabay.com/download/audio/2022/02/22/audio_d1718ab41b.mp3').props('loop')

But NiceGUI should support this feature natively. I'll add it to the public API.

[falkoschindler]

Commit 9f8002a introduces a loop parameter for ui.audio and ui.video. It will be part of the upcoming 1.2.0 release.