LOGO

Tecnologías Multimedia – Periodismo Online

Profesor: Manuel Gértrudix

 Mapa conceptual
Producción e
integración de
medias

Documentos
electrónicos
Vídeo Audio Imagen fija

Características Sistemas Preparación Integración

Tipos de Vídeo
Formatos Tratamiento
descarga incorporado

Uso optimizado Reproductores Optimización Vídeo enlazado

 Vídeo para la web

 Características
 Importancia del “peso” de los ficheros
 Experiencia creciente y estratégica
 En la mayoría de los casos esnecesario un reproductor multimedia
(aunque se “lance” desde el navegador)
 Tipos de descarga
• Descarga previa al disco duro • Descarga al disco duro del • Descarga progresiva
del usuario usuario con reproducción • Normalmente no guarda el
• Reproducción independiente ligeramente diferida. fichero en el sistema del
del navegador • Permite insertar vídeo de más usuario
• Escaso control de la difusión calidad • Control de descarga en
función del “canal” del
usuario.

Descarga Descarga
Streaming
directa progresiva
 Vídeo en la web  ¿Cuándo utilizar cada sistema?

Directa
• Clips muy cortos (5-15 segundos)

Progresiva
• Clips cortos (15-60 segundos)
• Nivel de audiencia bajo
• Adaptación básica al ancho de banda del usuario

Streaming
• Clips de duración media o larga
• Vídeo en directo
• Nivel de audiencia medio-alto
• Protección propiedad intelectual
• Adaptación avanzada al ancho de banda del usuario
Vídeo para la Web  Reproductores multimedia

Real Media QuickTime Windows Flash Video Microsoft

•Origen del vídeo •Primera Media •Altísima penetración Silverlight
streaming aplicación de •Multiformato del plugin en los •Reproductor
•Multiformato y vídeo digital •Penetración casi navegadores (98%) propietario de
multiplataforma •Apple y Windows absoluta en •Multiplataforma Microsoft
•Alta cuota de •Alta cuota (65%) Windows •Muy buena relación •Alternativa a
mercado (50%) •Opción para calidad-peso Flash
•Pero en vídeos de alta •Versatilidad de Flash
“retroceso” calidad •Formato específico:
frente a otros FLV
Vídeo para la Web  Reproductores multimedia

Open Video
• Formatos abiertos
• Codificación en Ogg, con Theora +
Vorbis
• No precisa player: incrustación con
etiqueta <video> y <audio> de HTML 5

Referencias
• OpenVideoPlayer (Iniciativa)
• HTML5 Player Demo (DailyMotion)
• OpenSourceFramework (Adobe)
• Ejemplo: Adobe TV
 Vídeo para la Web
Formatos más usuales
 .mov
 .flv
 .wmv
 .avi
 .mpeg (mp4), .rm, .h264, .ogg, .divx, .xvid…
Sistemas Streaming
 Quick Time Streaming Server
 Flash Video – Flash Media Server / Open Source
 Windows 2003 Streaming Server
 Real Helix Streaming Server
 OpenVideo
 ¿Por qué Flash es el más utilizado?
La mayor parte de los usuarios tienen instalado el
plugin (aunque no todos El problema de las versiones)
Buena relación calidad-peso
Gran control de reproducción
Soporte para FLV y formatos Mp3
Multiplataforma servidor: Linux/Windows
Multiplataforma cliente:
Windows/Mac/Linux/Solaris
 Soluciones Flash Vídeo
Streaming Real
 Requiere un servidor de streaming
 Muy eficiente en el uso del ancho de banda y consistente
 Puesta en marcha compleja
Descarga progresiva
 Precisa un servidor normal y un player de flash
 Puesta en marcha sencilla
 Menos eficiente (pero muy usuado)
 Codificar vídeo en Flash  Flash Video Encoder

Ley fundamental de la codificación y conversión de vídeo: “entra basura, sale basura”

mov,
mpeg,
avi, flv
wmv…
 Codificar vídeo en Flash  Otras soluciones
 La mayor parte de los servicios de sharing vídeo
hacen este trabajo de conversión por nosotros
 Podemos subir prácticamente cualquier formato y el
sistema de “Upload” se encarga de adecuar el fichero
En, todo caso, disponemos de aplicaciones de
escritorio para ello gratuitas
 Una buena opción es RIVA
 Vídeos en sistemas compartidos en la Red

Actualmente existen numerosos repositorios

sociales de vídeos en la Red
Podemos insertar estos vídeos en nuestra web
enlazando o “embebiendo” una referencia
concreta.
La mayor parte de estos sistemas utiliza Vídeo
Flash (YouTube, TeacherTube, Google Video, Metacafe, Eduvlogs,
Wikizapping…)
También podemos utilizar estos servicios para
publicar un vídeo y enlazarlo desde nuestra web
 descarga nuestra web de tráfico
Ejemplo de integración  Youtube

Copiar el
código
Ejemplo de integración  Youtube

En nuestro gestor, en vista Código (HTML), pegar el fragmento

copiado previamente en Youtube dentro de <body>
 Mapa conceptual

Producción e
integración de
medias

Documentos
electrónicos
Vídeo Audio Imagen fija
 Audio para la web

 Al igual que en el vídeo:

 Características
 También tiene importancia el “peso” de los ficheros.
 También es necesario un reproductor multimedia (aunque se “lance” desde el
navegador)

 Razones para utilizar audio

 Prevenciones sobre el audio
 Tipos de descarga: Igual que las que vimos para vídeo:
 Descarga directa
 Descarga progresiva
 Streaming
 Audio para la Web
 Formatos más usuales
 Formatos de compresión con pérdida (loosely)
 .mpeg
 .mp3
 Mp3 es el más popular (MPEG Layer 3. Subsistema de compresión de audio)
 Buena tasa de compresión básica: 11:1
 .mp4
 Popularizado por Apple (.m4a  iTunes, iPod, iPhone)
 .swf
 Formato nativo de Flash (puede reproducir ficheros mp3)
 .wma
 Plataforma Windows. Similar a mp3
 Puede adaptarse el flujo de audio en función del ancho de banda.
 .ogg
 Formato libre de patentes.
 Muy buena compresión (superior a mp3) y buena solución streaming.
 .ra (.ram, .rm, .rmm)
 Formatos de Real Audio, con muy buena compresión
 Permite streaming (usual en retransmisión de audio de eventos, emisoras en línea, etc.)
 Music DNA
 Audio para la Web
Formatos menos usuales
 Formatos no comprimidos
 Porque son:

 Ficheros muy “pesados” y no son óptimos para la Red.

 Se utilizan para registro “nativo” sistemas de disco “CD”,
“DVD”, “BlueRay”, “HD-DVD”…)
 Cuáles son:
 .wav: (Windows  Microsoft e IBM)
 .aiff: (Macintosh)
 Formatos de compresión sin pérdida (lossles)
Comparativa códecs audio
 Preparar audio para la web
 Postproducción

Audacity
- Open Source software
- Edición y postproducción avanzadas
- Módulo de exportación a mp3 y Ogg
- http://audacity.sourceforge.net/

SoundForge
- Solución propietaria de Sony
- Edición y postproducción avanzadas
- Plugins de alta calidad
- Integración de vídeo
- Masterización avanzada
 Preparar audio para la web
 Postproducción integrada

Los paquetes de producción integral integran herramientas de edición y

postproducción de audio que funcionan dentro del flujo de trabajo del
paquete de desarrollo.

En el caso de Adobe:
• Soundbooth CS3
• Permite controlar el audio en películas, vídeos o proyectos de software
Adobe Flash
• Funciones:
• Edición de audio sencilla
• Limpieza rápida de audio
• Herramientas visuales para la corrección de sonido
• Referencias de animación para Flash

•Audition 3
•Funciones similares a SoundForge
Preparar audio para la web
 Conversión de ficheros

Free Mp3 Wma Converter

- Gratis
- Soporte y conversión amplia (MP3, WMA, WAV, Ogg, AAC,
M4A, APE, FLAC)
- Incluye ripeador de CD Audio
- http://www.koyotesoft.com/indexEn.html

Otros programas similares:

•Total Audio Converter
•MP3 Player Utilities
•ImToo
 Referencias
 Herramientas de conversión y codificación de ficheros de
vídeo
 ImTOO MPEG Converter, Xilisoft Vídeo Converter, RIVA (gratuito
para FLV), Super
 Aplicaciones en línea de edición audiovisual
 One True Media, Jumpcut, Eyespot
 Aplicaciones Open Source y Freeware de edición de vídeo
 Janshaka, VideoSpin
LOGO

Tecnologías Multimedia – Periodismo Online

Profesor: Manuel Gértrudix