Make an audio block persistent across a website with AJAX?

Site URL: https://livingwithhopecounseling.com/

I'm trying to add an audio block in the footer of a website, and when it's played, it will keep playing when people navigate to other pages on the website. This seems possible with AJAX, and I enabled AJAX loading on the site.

I like the simplistic format of the regular Squarespace audio block, so it would be nice to use that, but make it persistent across the site. I tried to go into code inspection on the site, to try to copy the audio block in html, apply some kind of persistent container to it (which I found here: https://tritondigitalcommunity.force.com/s/article/Player-Widgets-Using-AJAX-for-Player-Persistence), and add it back into the site with a code block. I'm not versed at all in coding, so the copy paste thing I found for a persistent code block didn't work.

Do you think this sort of persistent audio player setup would work on an AJAX Squarespace site easily? Am I just missing a tiny bit of code, or is the concept flawed?

I'm using the Basil Template (in the Brine family).

I'm wondering if you ever found a resolution; I'm trying now to do the same thing.