Referencias y recursos: sonido, vídeos y animaciones
Utilizar los recursos más apropiados es imprescindible para desarrollar con éxito cualquier página web. A continuación se describen varias herramientas útiles, tutoriales y manuales que puedes tener como referencia la inclusión de sonido, vídeos y animaciones en tus desarrollos.
- VLC Media Player: videolan.org
- Audacity, programa libre y de código abierto para grabar y editar sonidos: audacityteam.org
- Usando audio y vídeo en HTML5: developer.mozilla.org/es/docs/Web/HTML/Usando_audio_y_video_con_HTML5
- Vídeo en HTML5: w3schools.com/tags/tag_video.asp
- Audio en HTML5: lenguajehtml.com/p/html/multimedia/etiquetas-html-de-audio
- Audio en HTML5: w3schools.com/html/html5_audio.asp
- Eventos Media de JS: developer.mozilla.org/en-US/docs/Web/Guide/Events/Media_events
- Tutorial Canvas de Developer Mozilla: developer.mozilla.org/es/docs/Web/Guide/HTML/Canvas_tutorial
- Ejemplos de efectos realizados con Canvas: html5canvastutorials.com/
- 10 juegos sencillos realizados con Canvas: dacostabalboa.com/es/10-juegos-en-html5-y-canvas/
- Referencia HTML5 Canvas: w3schools.com/tags/ref_canvas.asp
- Resumen elementos Canvas: simon.html5.org/dump/html5-canvas-cheat-sheet.html
- Propiedad Animation CSS: w3schools.com/css/css3_animations.asp
- Ejemplos de animaciones: developer.mozilla.org/es/docs/Web/CSS/CSS_Animations/Usando_animaciones_CSS
- 15 ejemplos en CodePen inspiradores para realizar animaciones: webdesign.tutsplus.com/es/articles/15-inspiring-examples-of-css-animation-on-codepen–cms-23937
- Herramienta con ejemplos elegantes y muy visuales de animaciones con código incluido: animista.net/play/
- Libro: Curso de Desarrollo Web: HTML, CSS y JavaScript. Edición 2018: amzn.to/2NcLp5u
Bancos de vídeos:
- Coverr.co
- Pixabay
- Distill
- Videvo
- Videezy
- Life of vids
- Stock Footage for Free
- Free HD Footage
Bancos de sonidos:
- Elongsound
- Sshhtt
- Intef
- Soundeffects+
- Audiomicro
- Soundsnap
- FreeSound.org