Find Jobs
Hire Freelancers

5 Small JavaScript/jQuery OR GSAP Animations!

$30-250 USD

Cerrado
Publicado hace casi 6 años

$30-250 USD

Pagado a la entrega
So I have a very simple web app that will just record a sound with a users microphone, & has the option to play back or download the sound. Functionality it's perfect! I would just like to add in a few small animations. GreenSock Animation Platform (GSAP) is definitely preferred & I will tip you an extra $10 if you can pull it off using just GSAP.. But at this point any JS animation will work! I'm uploading both a .zip of the functionality I have, and a PDF of the mockup of what we're looking for as well. Make sure to check them out if you decide to contact me! So you can see on the PDF that there's a lot of text & styling (such as font-family) that isn't on the example. That's fine, just focus on the animations. So on the second page you can see there's a timer starting from 5. After it counts down to zero it should switch to the 3rd screen, where it counts down from 30 seconds, including an animation of a circle depleting just like is shown on the 3rd screen of the PDF. After this happens, this area should fade out into a simple 'Play' button along with buttons that can both 'Re-record' or 'Submit'. If you press play, the animation should switch to a 'Pause' icon as shown in the very last page (5) of the PDF. It is okay that the sound file plays from the beginning when you click 'Pause' & then 'Play'. Remember the functionality is already there! So you don't need to code ANYTHING as far as 're-record' or 'submit' or even pause/play buttons go. Here's exactly what I need from you: -After the 'record' button is clicked, countdown starts from 5; immediately after triggering -A 30 second countdown with -A circular bar depleting as 0 is approaching (similar to how iOS devices used to display this, check out the 3rd page of the PDF if you're confused) -After the countdown hits 0 (from 30 seconds) or if the user hits stop, the area should fade out & a 'play' button should appear. -If you hit 'play', the icon should change to a 'pause'. If you hit 'pause' it should go back to 'play'. JUST these 5 animations. You don't have to style anything, no buttons, text, nothing else has to match the mockup aside from basically the play/stop/start button. I know this might seem like a lot, but remember I JUST need you to code in a couple of animations when these buttons are pressed. The javascript logic is already there, I'm just not very good at web animations. There are already triggers I think for every single button, and the javascript is very clean & organized as much as possible to make this easier. If you've read this please reply with your favorite food so I know you're not a robot. I would like to pay $40 for this but shoot me your offers. I am on a deadline, and will need this within 6 hours. (2am PST). If you have any questions at all please let me know!
ID del proyecto: 17038470

Información sobre el proyecto

10 propuestas
Proyecto remoto
Activo hace 6 años

¿Buscas ganar dinero?

Beneficios de presentar ofertas en Freelancer

Fija tu plazo y presupuesto
Cobra por tu trabajo
Describe tu propuesta
Es gratis registrarse y presentar ofertas en los trabajos
10 freelancers están ofertando un promedio de $114 USD por este trabajo
Avatar del usuario
//** READY TO START RIGHT AWAY AND FINISH IN NEXT 10 HOURS **// More then 5+ years of experience in Development . Also kindly check our profile we have done over 300 project here on freelancer so very much reliable & fit for your project . Kindly initiate chat.
$100 USD en 1 día
4,9 (377 comentarios)
8,1
8,1
Avatar del usuario
Hello! As a professional web developer,I would like to work with you for this project. I have rich experiences for javascript and jQuery, html, php, css, wordpress, etc... I'm ready for your project now and will offer perfect result for you. let's discuss about details of your project and reasonable price for your project. I can complete your project perfectly on time. Kindly regards.
$155 USD en 3 días
4,9 (164 comentarios)
7,3
7,3
Avatar del usuario
salad I am not interested in your project due to not honest buget. Thanks for your posing job From Gustav
$155 USD en 3 días
5,0 (12 comentarios)
3,5
3,5
Avatar del usuario
Hello i can make this animations for you within 2-3 hours. I couldn't see your PDF attachment. So we can talk more on chat. Thanks.
$40 USD en 1 día
5,0 (5 comentarios)
2,7
2,7
Avatar del usuario
I have got experience in the same discipline Worked on various projects Read your one Can work
$46 USD en 3 días
0,0 (0 comentarios)
0,0
0,0
Avatar del usuario
I a beginner. I know HTMML CSS Javascript SQL PHP. I am hardworking and ambitious. I can do your job.
$155 USD en 3 días
0,0 (0 comentarios)
0,0
0,0
Avatar del usuario
I will do the animation in p5.js. I have lot of experience in it! For project you can check my Instagram handle @mechanical_coder
$35 USD en 1 día
0,0 (0 comentarios)
0,0
0,0

Sobre este cliente

Bandera de UNITED STATES
Elkhart, United States
5,0
3
Forma de pago verificada
Miembro desde sept 21, 2017

Verificación del cliente

¡Gracias! Te hemos enviado un enlace para reclamar tu crédito gratuito.
Algo salió mal al enviar tu correo electrónico. Por favor, intenta de nuevo.
Usuarios registrados Total de empleos publicados
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759)
Copyright © 2024 Freelancer Technology Pty Limited (ACN 142 189 759)
Cargando visualización previa
Permiso concedido para Geolocalización.
Tu sesión de acceso ha expirado y has sido desconectado. Por favor, inica sesión nuevamente.