Advice on html audioplayers

Hi,

I have been developing a website for a phenomenal blind piano player. There are a lot of audio fragments, especially on his biography page. I have used True Media Player, but the issue with this player is that he, being blind, can not stop the player once playing. I send him the audio player Udesly page to try, but he got lost in that player too. What works for him, is the simple HTML code. But those players can play all at the same time, which is inconvenient when somebody being blind plays an audio fragment and scrolls further and hits another fragment. Is there a way that the html audio player will stop when another html player on that page starts?

I also want to set up another page with just one audio player where the player starts automatically when opening the page, but when I add the attribute ‘autoplay’ the fragment plays immediately in the designer (very annoying because it can not be stopped), but after publishing the site ‘autoplay’ does not work anymore. Anyone know of a solution?

And side question: the biography page takes forever to load. I hope that loading the page will be faster when using the html audio player with the attribute preload is off. Are there other ways to reduce the time for this page to load?

This is the biography page with the many players:

https://preview.webflow.com/preview/bertvandenbrink?utm_medium=preview_link&utm_source=designer&utm_content=bertvandenbrink&preview=fcf5a8fe06678e088ea5dea377d3331b&pageId=661f80a7c918858742c7b578&locale=en&workflow=preview

This is the link of the page where I would like to see ‘autoplay’ happening.

https://preview.webflow.com/preview/bertvandenbrink?utm_medium=preview_link&utm_source=designer&utm_content=bertvandenbrink&preview=fcf5a8fe06678e088ea5dea377d3331b&pageId=666ac0f992fffcac607a05d9&locale=en&workflow=preview

Thanks!

Hey there!

I came across this thread and validated this - multiple audioplayers can be played at the same time, which is horrible for accessibility and also UX!

I was inspired to make this video + solution - hope it helps you out!!