Audio playback issues

[frnsys]

Primarily these two:

• "The request is not allowed by the user agent or the platform in the current context, possibly because the user denied permission." (Safari)
• "AbortError: The play() request was interrupted by a call to pause(). https://goo.gl/LdLk22" (Chrome)

I think these both have to do with async loading/playback?

[frnsys]

From: https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/load

The process of aborting any ongoing activities will cause any outstanding Promises returned by play() being fulfilled or rejected as appropriate based on their status before the loading of new media can begin. Pending play promises are aborted with an "AbortError" DOMException.

So according to that (and also this) the easiest (though not ideal) way is to just catch the play error, e.g.:

    this.audio.play().catch((_err) => {
      // Ignore
    });

This might also suppress the error that Safari gives...though as I understand it that error occurs if trying to play something before the user has interacted with the page, but this isn't the case as we wait until the player starts the game (i.e. clicks "New Game" or "Continue", which should count as an interaction).