Sesion Nº9   Marquesinas, Audio Y Video En La Web.
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Sesion Nº9 Marquesinas, Audio Y Video En La Web.

on

  • 1,887 views

Topicos Especiales - Sesion Nº9 Marquesinas, Audio Y Video En La Web.

Topicos Especiales - Sesion Nº9 Marquesinas, Audio Y Video En La Web.

Statistics

Views

Total Views
1,887
Views on SlideShare
1,840
Embed Views
47

Actions

Likes
0
Downloads
28
Comments
0

5 Embeds 47

http://ingedgarcruzh.blogspot.com 34
http://www.ingedgarcruzh.blogspot.com 9
http://www.slideshare.net 2
http://www.aguilasdetabasco.com 1
http://www.slideee.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Sesion Nº9 Marquesinas, Audio Y Video En La Web. Presentation Transcript

  • 1. Sesión 09: Ing. Edgar A. Cruz Huaman INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO” Marquesinas, Audio y Video en la Web.
  • 2. I. Marquesinas animadas
  • 3. I. Marquesinas animadas (ii)
  • 4. I. Marquesinas Anidadas - cambiar el comportamiento (iii)
      • BEHAVIOR="alternate“
      • DIRECTION="RIGHT"
  • 5. II. Texto que parpadea
    • <BLINK>
    • Este texto parpadea
    • </BLINK>
  • 6. III. Introducción al Multimedia
    • Multimedia Inline
      • Su gran ventaja es que aparece directamente junto con el resto de elementos de la página y esto es mucho más cómodo para los navegantes.
    • Multimedia Externa
      • Nos permitirá incluir muchos más formatos de sonido, vídeo y cualquier otro fichero multimedia, ya que si el navegador no lo entiende llamará a alguna aplicación que le ayude. Estas aplicaciones auxiliares pueden ser configuradas por el usuario del navegador.
  • 7. IV. Ficheros de sonido
    • El formato AU creado por Sun Microsystems™.
    • WAVE (.wav)
    • Real Audio (streaming)
    • Mp2, Mp3.
    • Ogg.
  • 8. V. Ficheros de Video
    • MPEG vídeo . (mpg, mpeg)
    • formato AVI. (.avi)
    • QuickTime. (.mov)
    • Mp4.
    • VOB.
    • Flv. (estándar actual)
  • 9. VI. Ingresar un archivo multimedia en una Pagina Web.
    • Utilizamos la etiqueta <a> con el atributo “href”.
      • <a href=“musica.mp3”>Click aquí en música</a>
      • <a href=&quot;mi_video.avi &quot;> Haga clic aquí para ver mi video.</a>
  • 10. VII. Vídeo inline
  • 11. VIII. Pagina Web con Sonido de Fondo
    • <EMBED SRC=&quot;reggae.mid&quot;
      • WIDTH=&quot;0&quot;
      • HEIGHT=&quot;0&quot;
      • AUTOSTART=&quot;true&quot;>
    • <NOEMBED>
      • <BGSOUND
      • SRC=&quot;reggae.mid&quot;>
    • </NOEMBED>
  • 12. IX. Atributos de la Etiqueta EMBED
    • AUTOSTART= FALSE (Sin necesidad de presionar el botón)
    • HIDDEN=TRUE (Oculta la consola)
    • LOOP=FALSE (oir el fichero 1 vez)
    • CONTROLS=SMALLCONSOLE (aparece una consola pequeñita)
    • Ejemplo:
      • <BGSOUND SRC=&quot;../musica/vida.wav&quot; LOOP=infinite>  <EMBED SRC=&quot;../musica/vida.wav&quot; WIDTH=200 HEIGHT=55 AUTOSTART=&quot;true&quot; LOOP=&quot;true&quot; HIDDEN=&quot;true&quot;>
  • 13. X. Embeber Video
    • <EMBED SRC=&quot;video.avi&quot; HEIGHT=300 WIDTH=400 AUTOSTART=false LOOP=false>
    • <A HREF=“videos/edgar.avi&quot;>Mira el vídeo de Edgar</A>
  • 14. XI. Multimedia con el Media Player de Windows.
  • 15. XII. Un Video en varias partes.
  • 16. XIII. Poner vídeo en una página web a través de YouTube.
    • Crear una Cuenta en Youtube.
    • Subir un video.
    • Agregar el código generado.
      • <object width=&quot;425&quot; height=&quot;344&quot;><param name=&quot;movie&quot; value=&quot;http://www.youtube.com/v/aYO4468qHxc&hl=es&fs=1&quot;></param><param name=&quot;allowFullScreen&quot; value=&quot;true&quot;></param><param name=&quot;allowscriptaccess&quot; value=&quot;always&quot;></param><embed src=&quot;http://www.youtube.com/v/aYO4468qHxc&hl=es&fs=1&quot; type=&quot;application/x-shockwave-flash&quot; allowscriptaccess=&quot;always&quot; allowfullscreen=&quot;true&quot; width=&quot;425&quot; height=&quot;344&quot;></embed></object>
  • 17. TRABAJO PRÁTICO
    • Diseño de un portal Web Multimedia.
  • 18. PREGUNTAS?