This tutorial demonstrates how to add audio to your Hippo animator movies.
in this example we will work with you mp3 sounds, a short be in a longer jazz loop.
Use the Import button on the library to import sounds.
Audio was notoriously difficult to work with in HTML.
Mobile phone web browsers are especially hard to work with.
The best supported technique for playing sounds is to use buttons.
Add a new button to the library. Change the text to beep and open the on click script event.
Add a new function sound play the first parameter the function is the name of the sound beep the second parameter is a true or false value for a loop set this to false.
At the bottom of the movie and please to test it. Export the movie to HTML.
Some other web browsers have problems running mp3 sounds or don’t support Audio it all. When this happens adobe Flash is used instead.
Here we show the same page in Firefox.
Some flash features get blocked by default on your PC.
So the first time you run a web browser that requires Flash you will need to change the flash security settings.
This won’t be a problem when you run the page on the internet.
Click the settings button on the Adobe Flash security warning.
Choose the Advanced tab and scroll down to trusted location settings, add the Hippo Animator export folder for to save time just add the whole C Drive.
From now on you can use flash in any exported movie, refresh the webpage.
Using buttons to play sounds will work on most web browsers and mobile phones.
Another way to you sounds in Hippo Animator is to add the sound directly to the time line.
Here we drag the Jazz loop straight into a layer and of from
This is nice and easy to do but it won’t work in mobile phones.
On mobile phones a user interaction such as a button press is required to Play any sounds to delete the Jazz loop from the timeline and select the button we created in the library.
In the On Click script change the name of the sound in the sound play function to jazz loop and set the loop parameter to true.
Change the bottoms text to start the Jazz loop starts playing when you press the button.
What we want to do now is make the Jazz loop play as background music at a function to the button go to and stop set the frame to 1.
Add a new frame to the button at time 1, turn off visible in the frames properties.
At frame 1, add any shape for control you like to the movie, here we add in a rounded box.
Now when you press play and click the start button the Jazz loop will play as Background music in the round box is shown.
This is how to add background music on mobile devices.
We can improve this on desktop browsers by hiding the start button it sounds can be started automatically.
In the movie properties add some script to either the general script for the on start script.
If can auto play go to and stop 1 and finally add sound play jazz loop setting loop too true.
Now when you play the movie the rounded box will be shown and the jazz loop will play in the background however on mobile devices the user will press the start button to see this.
Click here to Download Hippo Animator.
This HTML5 Software is supported on Windows and Mac OS X.