Explore BrainMass

Interactive game that is combining sound with pictures.

I'm making a game where the user should combine the sound of a bird with the correct picture. In my webpage 20 different birds are represented. While pressing a button the game starts and a random birdsong will sound. Clicking the right bird will achieve 3 points and a little "pling"-sound will be heard. A new bird will sound and the game continues until all birds have been chosen.

Need help with:
- BIrdsound that user competes with should not open a giant window but the user should be able to pause it, rehear it and adjust the volume.
- After clicking the right bird a new random birdsong will sound but not the ones who already have been taken part of the game.
- The "pling"-sound (DingLing.wav) after chosen correct bird.
- Two (or more) players option. (I'm about to make a startpage where the user gets information about the game and selects one och two player, so I need the function.)
- First click generate 3 points. 2 points if the user choose the right bird at second try. 1 point at third try. If user click wrong bird four times a new birdsong will sound and game continues.

Maybe it's not right with a switch-case function. The web page should be written with HTML5 and javascript. I've zipped the files and I hope you can reach the enclosed files. In my soundfile I've excluded 15 birdsongs because of the size of the file, only the first 5 birdsongs of the array is included. If the zipped file isn't there the attached files are seperatly sent but with only two birdsongs.

© BrainMass Inc. brainmass.com August 14, 2018, 7:38 pm ad1c9bdddf


Solution Preview

Hi Ola,

Please find below the answers to your queries:

1) I have attached a sample HTML file where i have used the audio tag to play the sound; here the controls to pause it, rehear it and adjust the volume will be available. You have used iFrame tag to play the sound;instead use audio tag to play the sound ...

Solution Summary

The interactive game that is combining sound with pictures are examined.