<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Custom Audio</title>
</head>
<body>
    <audio id="player" autoplay loop></audio>
    <script>
        const player = document.getElementById('player');

        window.addEventListener('message', (event) => {
            const data = event.data;
            if (data.type === 'play') {
                player.src = data.url;
                player.volume = data.volume;
                player.play();
            } else if (data.type === 'stop') {
                player.pause();
                player.src = '';
            } else if (data.type === 'volume') {
                player.volume = data.volume;
            }
        });
    </script>
</body>
</html>
