Em Andamento

Responsive Key Press Page for Audio & Animated GIf


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.

I need the code in html/css and javascript.

Habilidades: AJAX, CSS, HTML, HTML5, Javascript

Veja mais: instant page, animations what do i need, press re, mobile friendly responsive css, css responsive, create html5/css animation, Create gif animation, audio re, animated HTML5, animated gifs, html5 animation design, css animation gif, audio mobile html, html5 ipad css, touch css, responsive mobile css, animated css, html mobile audio, animations phones, responsive html5 mobile, mobile css ipad, html5 mobile audio, responsive css code, animated gif landing page, work css ipad

Acerca do Empregador:
( 2 comentários ) Herndon, United States

ID do Projeto: #6819293