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