[Earwurm] Investigate if we can improve unlock() with synthetic event

[beefchimi]

Right now, our .unlock() feature simply queues up an AudioContext state change and performs the "unlock" once a user interaction is detected in the document.

Can we take this one step further and dispatch our own event?

const clickEvent = new Event('click');
document.dispatchEvent(clickEvent);

This would allow autoplay functionality on page load, rather than until the user has done something.

I will try exploring this here:
https://codesandbox.io/s/earwurm-auto-unlock-3shm7k?file=/src/App.tsx