Branding is important for many companies, so important indeed, that in some companies there are special departments whose sole function is to verify that all products including training (internal or otherwise) complies with strict rules governing the appearance of a logo, its position, coloring, and anything else which helps to create an identify for the product or the company. One aspect of branding which is becoming more and more important is sound branding, which could be seen as the acoustic equivalent of a visual logo.
For example, most of us know the sound logo (sometimes called the sonic logo) of Intel: Click here to listen.
So the question of course is how we can add our sound logo to the Articulate player be it Presenter, Quizmaker or Engage.
Adding the sound logo to the loading page
Well one way to add a sound logo is to have it right at the beginning of your presentation, before it has even started. While it is busy loading the first few pages, and while we see the loading bar completing, why not have a little sound logo to get your users on the right track and tell them that what they are about to see if from this identifiable company? Of course, there is nothing to stop you from adding any sound jingle or message you want although you don’t want to make the audio file too large or you will have a significant impact on the loading delay before your main presentation.
So how do you do it?
Well, one way to do this is to add your sound logo to the html file which launches your presentation, which for Presenter is player.html, for Engage, engage.html and for Quizmaker, quizmaker.html. When your user launches the presentation via one of these files, they will also play your sound logo and launch the loader.
It is easy enough to add sound to an html file using the tag bgsound such as:
However this does not work in Firefox.
Code for Internet Explorer and Firefox
If you place the script above at line 319 of the player.html (after the bgcolor script) and then place your audio file (myfile.mp3 is the name of the audio file in this example) at the root level, that's to say at the same level as player.html. you should find that your loader now plays an audio file.
Things to remember:
- Use an mp3 file rather than a WAV file. Mp3 files are compressed, smaller in size and so quicker to download meaning that your sound logo will play almost immediately.
- Notice that the audio file is references twice in the above code so be sure to change the code twice when you change the name of the audio file.
- This change to the script must be done AFTER you have published. Republishing will delete this code so you'll just have to start again.
- Remember to also manually add your audio file. You can add it to the root of your presentation (ie. at the same level as player.html) or you can place it in a folder. If you place it in a folder, be sure to link accordingly in the code.
This will also work in both Quizmaker and Engage.
In Quizmaker, place the code above in quizmaker.html after the body bgcolor tag:
Place your audio file (myfile.mp3 is the name of the audio file in this example) at the root level, that's to say at the same level as quizmaker.html.
In Engage, place the code after the body tag:
Place your audio file (myfile.mp3 is the name of the audio file in this example) at the root level, that's to say at the same level as engage.html.