I need some help with some code. I need a responsive/html5 page that will play sounds and trigger an animated gif once users press their keyboard or tap the screen for mobile/ipad.
You won’t need to make the animations for every key. I simply need you to write the code together for a key press to trigger a sound effect mp3 & og (for certain browsers) and gif animation that I will create. All I should need to do once you finish should be to add the gif animation url and sound effect urls.
For mobile devices such as tablets and phones they will have a separate source of code and only incorporate 12 sounds since there will be 12 touch/tap sections that will trigger a sound effect and gif animation when tapped.
Desktop key press should be active from A-Z.
Mobile/Tablets will have touch/click sections which I’ve provided.
I have attached designs/examples of what I want below.
- Needs to work across browsers
- Needs to be responsive/mobile friendly
- The key press or tap should be instant and re-trigger once clicked.
- Gifs need be fullscreen & responsive when triggered by either a tap or key press.
- The design should be exactly like the images and animated gifs that I’ve provided.
- I will need to test the code on a page before I pay the final payment.