Este documento trata sobre la tecnología de audio y video en la web. Brevemente describe los formatos compatibles con diferentes navegadores como MP4, WebM y Ogg, y recomienda asegurarse de que el servidor soporte estos formatos. También recomienda soluciones como Video for Everybody y MediaElement.js para reproducir audio y video en todos los navegadores. Finalmente, ofrece consejos sobre el uso de fuentes web y herramientas como Google WebFonts y Font Squirrel.

1. NOS APASIONA LA TECNOLOGÍA
¿Y A TÍ?

2. ¿QUIÉNES SOMOS?
Kike Quintano @tessekkur
Jorge Barrachina @ntkog

3. AUDIO Y VIDEO
EN LA WEB
No Flash, no Silverlight, no plug-in
<video> & <audio>
CSS
SVG & Canvas
Javascript

4. SOPORTE
Consultar la especificación siempre.
IE9
Firefox 16
Chrome 23
Safari 5.1
Opera 12.1

5. FORMATOS
En medio de la batalla!
MPEG-4/H.264 > IE, Chrome, Safari (not royalty-free)
WebM/VP8 > FF, Chrome, Opera (royalty-free)
Ogg/Theora > FF, Chrome, Opera (free, but...)

6. ANTES DE INCLUIR
VIDEO/AUDIO
Asegúrate que tu servidor soporta los formatos
(.htaccess)
AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm
AddType audio/mp4 m4a

7. VIDEO/AUDIO
Soluciones para todos los navegadores
Video for everybody (read)
MediaElement.js
VIDEOJS
Audio5js

8. VIDEO/AUDIO
Proyectos y librerías interesantes
DRM in HTML5 (read)
Web MIDI API
howler.js
Popcorn.js (Mozilla)
BigVideoJS (jQuery Plugin)
jQuery Tubular
SublimeVideo

9. ¿CÓMO QUIERES
TRANSMITIR TU
MENSAJE?
Haz que tu contenido sea más atractivo
Get the Look - Sean McBride
More Meaningful Typography - Tim Brown

10. PRUEBA TU SENTIDO
ESTÉTICO
Kern Type - Mark MacKay

11. ¡MANOS A LA OBRA!
Primero un 'State of the Art' sobre WebFonts
Make the Web Fast - WebFonts - Ilya Grigorik y
David Kuettel

12. FUENTE DE FUENTES
Proveedores populares
Google WebFonts
TypeKit
fonts.com

13. ¡QUIERO EMPEZAR YA!
RÁPIDO, FÁCIL Y GRATIS
Font Squirrel - Prueba sus kits
What Font - Extensión para Chrome -
@chengyinliu

14. ¡MI TEXTO COBRA VIDA!
Textillate.JS - Jordan Schroter

15. FOLLOW FRIDAY
NACIONAL
@etnasoft
@ibonilm
@is__real
@midesweb
@nabaroa
@wakkos

16. FOLLOW FRIDAY
INTERNACIONAL
@addyosmani
@HTML5aldente
@html5guy
@jQueryBot
@patrick_h_lauke
@smashingmag

17. FOLLOW FRIDAY
COMMUNITY
@jgalaron
@jonas_tg
@KoldoMac
@MarioIP
@tdecs
@wchiquito