Home/ Questions/Q 8186907
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-07T02:23:01+00:00

I am using Buzz library for my audio within an HTML5 game. To cross

  • 0

I am using Buzz library for my audio within an HTML5 game. To cross menus without the music stopping, I load each menu in an iframe and the music is launched from the main page:

<body style="overflow: hidden">
    <iframe id="MainFrame" src="./mainmenu.html" 
     frameborder=0 seamless="seamless" class="mainframe"></iframe>

    <script>
        window.onload = function() {
            playLoop('audio/menumusic.mp3');
        }
</script>
</body>

var playLoop = function(name)
{
    sound = new buzz.sound(name, {preload: true, loop: true});
    sound.play();
    setInitialSoundState(sound);
    loops.add(sound);
}

Thing is that I want to be able to toggle/change the music in the pages loaded within the iframe. But whenever I use 

buzz.all().mute();

nothing happens. I’m guessing that the buzz variable in the iframe and the buzz variable from the main page are not the same. How can I access the main page’s buzz so that all music is muted correctly?

I’ll be happy to give out more details if needed.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try this:

    window.parent.buzz.all().mute();
// window.parent references an iframe's parent window
// or the current window if the call is made from a regular page (i.e. not in an iframe)
    • 0