Utiliza tus videos.(No es tan difícil como parece) Aulas con software 2004. © Enric Codina ...

39
Utiliza tus videos.(No es tan difícil como parece) Aulas con software 2004. © Enric Codina www.ecodina.com Utiliza tus vídeos (No es tan difícil como parece) Enric Codina 12 Noviembre 2004

Transcript of Utiliza tus videos.(No es tan difícil como parece) Aulas con software 2004. © Enric Codina ...

Page 1: Utiliza tus videos.(No es tan difícil como parece) Aulas con software 2004. © Enric Codina  Utiliza tus vídeos (No es tan difícil como parece)

Utiliza tus videos.(No es tan difícil como parece)Aulas con software 2004. © Enric Codina www.ecodina.com

Utiliza tus vídeos(No es tan difícil como parece)

Enric Codina12 Noviembre 2004

Page 2: Utiliza tus videos.(No es tan difícil como parece) Aulas con software 2004. © Enric Codina  Utiliza tus vídeos (No es tan difícil como parece)

Utiliza tus videos.(No es tan difícil como parece)Aulas con software 2004. © Enric Codina www.ecodina.com

Objetivo

• Animar a utilizar vídeos en el aula

-Dentro de un PowerPoint-Dentro de páginas HTML (páginas WEB)

Page 3: Utiliza tus videos.(No es tan difícil como parece) Aulas con software 2004. © Enric Codina  Utiliza tus vídeos (No es tan difícil como parece)

Utiliza tus videos.(No es tan difícil como parece)Aulas con software 2004. © Enric Codina www.ecodina.com

Indice

1. ¿Cómo obtenemos un vídeo?

2. Tipos de archivos de vídeo

3. Cómo insertar vídeo en PowerPoint

4. Cómo insertar vídeo en HTML

Page 4: Utiliza tus videos.(No es tan difícil como parece) Aulas con software 2004. © Enric Codina  Utiliza tus vídeos (No es tan difícil como parece)

Utiliza tus videos.(No es tan difícil como parece)Aulas con software 2004. © Enric Codina www.ecodina.com

¿Cómo obtenemos un vídeo?Universo externo

Vídeo analógico-Cinta VHS-Cinta 8mm, Hi8

Vídeo digital-Cinta MiniDV-MiniDVD -Tarjeta memoria-CD-ROM-DVD

Suceso real

Programa TV

Ordenador

Page 5: Utiliza tus videos.(No es tan difícil como parece) Aulas con software 2004. © Enric Codina  Utiliza tus vídeos (No es tan difícil como parece)

Utiliza tus videos.(No es tan difícil como parece)Aulas con software 2004. © Enric Codina www.ecodina.com

¿Cómo obtenemos un vídeo?

• Filmando el mundo real-Con una cámara de vídeo analógica

-Con una cámara de vídeo digital

-Con una cámara de fotos digital que también filme vídeo.

Page 6: Utiliza tus videos.(No es tan difícil como parece) Aulas con software 2004. © Enric Codina  Utiliza tus vídeos (No es tan difícil como parece)

Utiliza tus videos.(No es tan difícil como parece)Aulas con software 2004. © Enric Codina www.ecodina.com

Cómo obtenemos un vídeo

• A partir de TV o cinta de vídeo

-Con una tarjeta o un dispositivo capturador/digitalizador-Con una tarjeta o dispositivo sintonizador de TV

Page 7: Utiliza tus videos.(No es tan difícil como parece) Aulas con software 2004. © Enric Codina  Utiliza tus vídeos (No es tan difícil como parece)

Utiliza tus videos.(No es tan difícil como parece)Aulas con software 2004. © Enric Codina www.ecodina.com

Cómo obtenemos un vídeo

• Capturando acciones en la pantalla del ordenador

-Con un software que capture las acciones realizadas por el usuario, en una ventana del ordenador.

Ordenador

Page 8: Utiliza tus videos.(No es tan difícil como parece) Aulas con software 2004. © Enric Codina  Utiliza tus vídeos (No es tan difícil como parece)

Utiliza tus videos.(No es tan difícil como parece)Aulas con software 2004. © Enric Codina www.ecodina.com

Obtenemos un vídeo...

Grabando / Filmando

Universo externo

Vídeo analógico-Cinta VHS-Cinta 8mm, Hi8

Vídeo digital-Cinta MiniDV-MiniDVD -Tarjeta memoria-CD-ROM-DVD

Suceso real

Programa TVCámara

analógica

Cámara digital

Vídeo VHS

DVD Grabador

Page 9: Utiliza tus videos.(No es tan difícil como parece) Aulas con software 2004. © Enric Codina  Utiliza tus vídeos (No es tan difícil como parece)

Utiliza tus videos.(No es tan difícil como parece)Aulas con software 2004. © Enric Codina www.ecodina.com

Obtenemos un vídeo...

Universo externo

Vídeo analógico-Cinta VHS-Cinta 8mm, Hi8

Vídeo digital-Cinta MiniDV-MiniDVD -Tarjeta memoria-CD-ROM-DVD

Suceso real

Programa TV

Ordenador

?

Page 10: Utiliza tus videos.(No es tan difícil como parece) Aulas con software 2004. © Enric Codina  Utiliza tus vídeos (No es tan difícil como parece)

Utiliza tus videos.(No es tan difícil como parece)Aulas con software 2004. © Enric Codina www.ecodina.com

Obtenemos un vídeo...

Conectando Univ.ext -Ordenador

Universo externo

Vídeo analógico-Cinta VHS-Cinta 8mm, Hi8

Vídeo digital-Cinta MiniDV-MiniDVD -Tarjeta memoria-CD-ROM-DVD

Suceso real

Programa TV

OrdenadorAudio

USB 1.0

CD-ROM

DVD

Page 11: Utiliza tus videos.(No es tan difícil como parece) Aulas con software 2004. © Enric Codina  Utiliza tus vídeos (No es tan difícil como parece)

Utiliza tus videos.(No es tan difícil como parece)Aulas con software 2004. © Enric Codina www.ecodina.com

Obtenemos un vídeo...

Conectando Univ.ext -Ordenador

Universo externo

Vídeo analógico-Cinta VHS-Cinta 8mm, Hi8

Vídeo digital-Cinta MiniDV-MiniDVD -Tarjeta memoria-CD-ROM-DVD

Suceso real

Programa TV

OrdenadorAudio

USB 1.0 2.0

CD-ROM

DVD

Cámara digital

Lector externo tarjetas

Page 12: Utiliza tus videos.(No es tan difícil como parece) Aulas con software 2004. © Enric Codina  Utiliza tus vídeos (No es tan difícil como parece)

Utiliza tus videos.(No es tan difícil como parece)Aulas con software 2004. © Enric Codina www.ecodina.com

Obtenemos un vídeo...

Conectando Univ.ext -Ordenador

Universo externo

Vídeo analógico-Cinta VHS-Cinta 8mm, Hi8

Vídeo digital-Cinta MiniDV-MiniDVD -Tarjeta memoria-CD-ROM-DVD

Suceso real

Programa TV

OrdenadorAudio

USB 2.0

Firewire

Lector Tarjetas

CD-ROM

DVD

Cámara digital

Page 13: Utiliza tus videos.(No es tan difícil como parece) Aulas con software 2004. © Enric Codina  Utiliza tus vídeos (No es tan difícil como parece)

Utiliza tus videos.(No es tan difícil como parece)Aulas con software 2004. © Enric Codina www.ecodina.com

Obtenemos un vídeo...

Conectando Univ.ext -Ordenador

Universo externo

Vídeo analógico-Cinta VHS-Cinta 8mm, Hi8

Vídeo digital-Cinta MiniDV-MiniDVD -Tarjeta memoria-CD-ROM-DVD

Suceso real

Programa TV

OrdenadorAudio

USB

Firewire

CD-ROM

DVD

Tarjeta capturadora de vídeo interna

Vídeo CompuestoS-Video

USB 2.0 Firewire

Dispositivo capturadorde vídeo externo

Cámara analógica

Cámara digital

Page 14: Utiliza tus videos.(No es tan difícil como parece) Aulas con software 2004. © Enric Codina  Utiliza tus vídeos (No es tan difícil como parece)

Utiliza tus videos.(No es tan difícil como parece)Aulas con software 2004. © Enric Codina www.ecodina.com

Obtenemos un vídeo...

Conectando Univ.ext -Ordenador

Universo externo

Vídeo analógico-Cinta VHS-Cinta 8mm, Hi8

Vídeo digital-Cinta MiniDV-MiniDVD -Tarjeta memoria-CD-ROM-DVD

Suceso real

Programa TV

OrdenadorAudio

USB

Firewire

CD-ROM

DVD

Dispositivo sintonizador

de TVexterno

Tarjeta internasintonizadora

de TV

Antenade TV

Page 15: Utiliza tus videos.(No es tan difícil como parece) Aulas con software 2004. © Enric Codina  Utiliza tus vídeos (No es tan difícil como parece)

Utiliza tus videos.(No es tan difícil como parece)Aulas con software 2004. © Enric Codina www.ecodina.com

Entradas / Velocidad• USB

• USB 1.0 1.5 Mbits/s• USB 2.0 (antes 1.1) 12 Mbits/s• USB 2.0 High Speed 480 Mbits/s

• IEEE 1394 (Firewire / I.Link)• 100, 200 y 400 Mbits/s

• Tarjeta interna PCI• PCI Basic 133 MB/s• PCI 2.2 533 MB/s• PCI-X 1066 MB/s• PCI-X 266 2133 MB/s

Page 16: Utiliza tus videos.(No es tan difícil como parece) Aulas con software 2004. © Enric Codina  Utiliza tus vídeos (No es tan difícil como parece)

Utiliza tus videos.(No es tan difícil como parece)Aulas con software 2004. © Enric Codina www.ecodina.com

Calidad y tipo de compresión

• VHS• 8mm• Hi8

• MiniDV (720x480)

• DVD RW

                                               

Cintas analògicas

Cintas digitales

Discos

Page 17: Utiliza tus videos.(No es tan difícil como parece) Aulas con software 2004. © Enric Codina  Utiliza tus vídeos (No es tan difícil como parece)

Utiliza tus videos.(No es tan difícil como parece)Aulas con software 2004. © Enric Codina www.ecodina.com

Dispositivos de captura

• Salida USB 2.0

Ejemplo de dispositivo externo

Audio Izq.Audio Der.

Vídeo compuestoVídeo separado

• Entradas

Page 18: Utiliza tus videos.(No es tan difícil como parece) Aulas con software 2004. © Enric Codina  Utiliza tus vídeos (No es tan difícil como parece)

Utiliza tus videos.(No es tan difícil como parece)Aulas con software 2004. © Enric Codina www.ecodina.com

Compresión

• CD-ROM, Vídeo-CD, CD-i• SIF 352x288 1.5 Mbits/s

• DVD• De 3 a 10 Mbits/s

• Videostreaming

• Video for Windows VFW• Quick Time QT

MPEG – 1

MPEG – 2

MPEG – 4

M- JPEG

Page 19: Utiliza tus videos.(No es tan difícil como parece) Aulas con software 2004. © Enric Codina  Utiliza tus vídeos (No es tan difícil como parece)

Utiliza tus videos.(No es tan difícil como parece)Aulas con software 2004. © Enric Codina www.ecodina.com

Resolución

• 768 x 576 720x 576• 720 x 480• 640 x 480• 352 x 288• 352 x 240• 320 x 240

                                               

PAL

NTSC

MPEG-1 EstandartMPEG-1 VCD

Captura Estandart para CD-R, AVI en ordenador, PDAs

Page 20: Utiliza tus videos.(No es tan difícil como parece) Aulas con software 2004. © Enric Codina  Utiliza tus vídeos (No es tan difícil como parece)

Utiliza tus videos.(No es tan difícil como parece)Aulas con software 2004. © Enric Codina www.ecodina.com

Entradas de vídeo analógico

                                               

Vídeo compuesto (Conector RCA)

Vídeo Separado (Y/C)

Video por componentes (YUV)

Page 21: Utiliza tus videos.(No es tan difícil como parece) Aulas con software 2004. © Enric Codina  Utiliza tus vídeos (No es tan difícil como parece)

Utiliza tus videos.(No es tan difícil como parece)Aulas con software 2004. © Enric Codina www.ecodina.com

Entradas de vídeo digital

                                               

Firewire IEEE 1394

Page 22: Utiliza tus videos.(No es tan difícil como parece) Aulas con software 2004. © Enric Codina  Utiliza tus vídeos (No es tan difícil como parece)

Utiliza tus videos.(No es tan difícil como parece)Aulas con software 2004. © Enric Codina www.ecodina.com

Entradas de audio

MiniJack 3.5 mm estéreo

Audio Digital

Page 23: Utiliza tus videos.(No es tan difícil como parece) Aulas con software 2004. © Enric Codina  Utiliza tus vídeos (No es tan difícil como parece)

Utiliza tus videos.(No es tan difícil como parece)Aulas con software 2004. © Enric Codina www.ecodina.com

Archivos de video AVI

.avi Audio Video InterleaveAudio y Video entrelazado Desarrollado por Microsoft

Gran calidad. Archivos grandesAudio en formato waveformTotalmente compatible con

Windows y Internet Explorer

Page 24: Utiliza tus videos.(No es tan difícil como parece) Aulas con software 2004. © Enric Codina  Utiliza tus vídeos (No es tan difícil como parece)

Utiliza tus videos.(No es tan difícil como parece)Aulas con software 2004. © Enric Codina www.ecodina.com

Archivos de video MOV

.mov Quick Time Desarrollado por Apple

Gran calidad. Archivos no tan grandes como .aviAudio en formato waveformRequiere plug-in QuickTimeLas últimas versiones de Windows Media Player reproducen archivos .mov, sin

necesidad de descargarse el plug-in.

Page 25: Utiliza tus videos.(No es tan difícil como parece) Aulas con software 2004. © Enric Codina  Utiliza tus vídeos (No es tan difícil como parece)

Utiliza tus videos.(No es tan difícil como parece)Aulas con software 2004. © Enric Codina www.ecodina.com

Archivos de video MPEG

.mpeg .mpg

MPEG-1 es un estándar para el CD-ROM audio y video, que codifica secuencias de vídeo y su audio asociado a 1,5

Megas/seg, con resolución de 352 x 240 pixels. MPEG-2 es un estándar para transmisiones video de alta calidad a pantalla completa, que utiliza tasas entre 3 y 10 Mb/segundo, para resoluciones que oscilan entre 352 x 480 y 1920 x 1080 pixels.

Page 26: Utiliza tus videos.(No es tan difícil como parece) Aulas con software 2004. © Enric Codina  Utiliza tus vídeos (No es tan difícil como parece)

Utiliza tus videos.(No es tan difícil como parece)Aulas con software 2004. © Enric Codina www.ecodina.com

Vídeo en PowerPoint

¡ATENCION!•PowerPoint no inserta vídeo.•PowerPoint enlaza la presentación con archivos de vídeo externos.•Ponga los archivos de vídeo en el mismo directorio que la presentación.•No olvide copiar/enviar los archivos

de vídeo junto con el documento de PowerPoint

Page 27: Utiliza tus videos.(No es tan difícil como parece) Aulas con software 2004. © Enric Codina  Utiliza tus vídeos (No es tan difícil como parece)

Utiliza tus videos.(No es tan difícil como parece)Aulas con software 2004. © Enric Codina www.ecodina.com

Vídeo en PowerPoint (1)

Método 1: Vídeo “insertado” como película de archivo

Insertar > Películas y sonidos > Película de archivo...

Page 28: Utiliza tus videos.(No es tan difícil como parece) Aulas con software 2004. © Enric Codina  Utiliza tus vídeos (No es tan difícil como parece)

Utiliza tus videos.(No es tan difícil como parece)Aulas con software 2004. © Enric Codina www.ecodina.com

Vídeo: Cómo insertar un video como película de archivoArchivo: video-ppt-pelicula.avi 1.840 kB

Page 29: Utiliza tus videos.(No es tan difícil como parece) Aulas con software 2004. © Enric Codina  Utiliza tus vídeos (No es tan difícil como parece)

Utiliza tus videos.(No es tan difícil como parece)Aulas con software 2004. © Enric Codina www.ecodina.com

Video en PowerPoint (2)

Método 2: Vídeo “insertado” como objeto

Insertar > Objeto

Page 30: Utiliza tus videos.(No es tan difícil como parece) Aulas con software 2004. © Enric Codina  Utiliza tus vídeos (No es tan difícil como parece)

Utiliza tus videos.(No es tan difícil como parece)Aulas con software 2004. © Enric Codina www.ecodina.com

Video en PowerPoint (2)

Insertar > Objeto

Page 31: Utiliza tus videos.(No es tan difícil como parece) Aulas con software 2004. © Enric Codina  Utiliza tus vídeos (No es tan difícil como parece)

Utiliza tus videos.(No es tan difícil como parece)Aulas con software 2004. © Enric Codina www.ecodina.com

Video en PowerPoint (2)

Vídeo: Cómo insertar un video como objetoArchivo: video-ppt-objeto.avi 3.287 kB

Page 32: Utiliza tus videos.(No es tan difícil como parece) Aulas con software 2004. © Enric Codina  Utiliza tus vídeos (No es tan difícil como parece)

Utiliza tus videos.(No es tan difícil como parece)Aulas con software 2004. © Enric Codina www.ecodina.com

Video en PowerPoint (2)

Vídeo: Rescate en el marArchivo: Heli.wmv 326 kB

Método 2: Vídeo “insertado” como objeto

Page 33: Utiliza tus videos.(No es tan difícil como parece) Aulas con software 2004. © Enric Codina  Utiliza tus vídeos (No es tan difícil como parece)

Utiliza tus videos.(No es tan difícil como parece)Aulas con software 2004. © Enric Codina www.ecodina.com

Vídeo en HTML (1)

Método 1Etiqueta <embed>

Método 2Etiqueta <a>

Método 3Etiqueta <img>

Método 4Etiqueta <object>

Page 34: Utiliza tus videos.(No es tan difícil como parece) Aulas con software 2004. © Enric Codina  Utiliza tus vídeos (No es tan difícil como parece)

Utiliza tus videos.(No es tan difícil como parece)Aulas con software 2004. © Enric Codina www.ecodina.com

Vídeo en HTML (1)

Método 1Etiqueta <embed>

Código HTML<embed src="../ejemplos/mov_1.mov"

type="video/quicktime" autostart="True" width="162" height="136">

</embed>

Page 35: Utiliza tus videos.(No es tan difícil como parece) Aulas con software 2004. © Enric Codina  Utiliza tus vídeos (No es tan difícil como parece)

Utiliza tus videos.(No es tan difícil como parece)Aulas con software 2004. © Enric Codina www.ecodina.com

Vídeo en HTML (2)

Método 2Etiqueta <a>

Código HTML<A HREF="img/reselec.avi" > Haga clic aquí para ver el vídeo (1.8 MB. Formato .avi) </A>

Page 36: Utiliza tus videos.(No es tan difícil como parece) Aulas con software 2004. © Enric Codina  Utiliza tus vídeos (No es tan difícil como parece)

Utiliza tus videos.(No es tan difícil como parece)Aulas con software 2004. © Enric Codina www.ecodina.com

Vídeo en HTML (3)

Método 3Etiqueta <img>

Código HTML<A HREF="img/reselec.avi" > Haga clic en la imagen para ver el vídeo (1.8 MB. Formato .avi) </A><img src="../img/ reselec.jpg " dynsrc ="../img/reselec.avi loop="2" >

Nota: En Netscape veremos la imagen alternativa src=“..., pero NO veremos el video.

Page 37: Utiliza tus videos.(No es tan difícil como parece) Aulas con software 2004. © Enric Codina  Utiliza tus vídeos (No es tan difícil como parece)

Utiliza tus videos.(No es tan difícil como parece)Aulas con software 2004. © Enric Codina www.ecodina.com

Vídeo en HTML (4)

Método 4Etiqueta <object> + <embed>

Código HTML<object atributo1="valor1" atributo2="valor2" ...atributoN="valorN">   <param name="nombre" value="valor">   <param name="nombre" value="valor">   ...</object>

Por ejemplo:<object width="99" height="98" classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112" standby="Cargando fichero..." type="application/x-oleobject">  <param name="filename" value=“img/reselec.avi">  <param name="showcontrols" value="0">  <param name="showdisplay" value="0">  <param name="showstatusbar" value="0">  <param name="autosize" value="0">  <param name="autostart" value="1">  <embed src=“img/reselec.avi" showControls="0" showdisplay="0" showstatusbar="0" width="99" height="98" autostart="true"></embed></object>

Page 38: Utiliza tus videos.(No es tan difícil como parece) Aulas con software 2004. © Enric Codina  Utiliza tus vídeos (No es tan difícil como parece)

Utiliza tus videos.(No es tan difícil como parece)Aulas con software 2004. © Enric Codina www.ecodina.com

Vídeo en HTML (5)

EtiquetaInternetExplorer

Netscape

<a> TODOS TODOS

<embed> .avi .mov

.avi

.mov

<object> .mpeg NO

<img> .mpeg NO

Etiqueta recomendada según tipo de vídeo

Page 39: Utiliza tus videos.(No es tan difícil como parece) Aulas con software 2004. © Enric Codina  Utiliza tus vídeos (No es tan difícil como parece)

Utiliza tus videos.(No es tan difícil como parece)Aulas con software 2004. © Enric Codina www.ecodina.com

Esta presentación y más información en: www.ecodina.com

Tel. 609 521 249 93 265 39 73

[email protected]

Enric Codina

¡Grácias por su atención!