player.js

document.addEventListener('DOMContentLoaded', () => {
    document.getElementById('play').addEventListener('click', async () => {
        const player = new Audio();
        document.body.append(player);
        player.src = browser.runtime.getURL('pop.flac');
        document.getElementById('output').value = 'playing';
        try {
            await player.play();
            document.getElementById('output').value = 'played!';
        } catch(error) {
            document.getElementById('output').value = error;
        }
    });
    document.getElementById('playRemote').addEventListener('click', async () => {
        const player = new Audio();
        document.body.append(player);
        player.src = 'https://lab.humanoids.be/pop.flac';
        document.getElementById('output').value = 'playing';
        try {
            await player.play();
            document.getElementById('output').value = 'played!';
        } catch(error) {
            document.getElementById('output').value = error;
        }
    });
});