My problem is very specific and can't find much in terms of resources.

I am working on a website that tells a story through scrolling and includes tons of CSS animations triggered by viewport (most likely using IntersectionObserver API) and background video.

Have a look at :

https://www.sbs.com.au/theboat/

the main challenge is finding a way to autoplay audio in the same way I trigger animations with all the browser's autoplay restrictions.

If you look at the link above how do you think this was accomplished? Any help/guidance is appreciated.