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

1,292 views
1,152 views

Published on

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

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,292
On SlideShare
0
From Embeds
0
Number of Embeds
54
Actions
Shares
0
Downloads
31
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

  1. 1. Sesión 09: Ing. Edgar A. Cruz Huaman INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO” Marquesinas, Audio y Video en la Web.
  2. 2. I. Marquesinas animadas
  3. 3. I. Marquesinas animadas (ii)
  4. 4. I. Marquesinas Anidadas - cambiar el comportamiento (iii) <ul><ul><li>BEHAVIOR=&quot;alternate“ </li></ul></ul><ul><ul><li>DIRECTION=&quot;RIGHT&quot; </li></ul></ul>
  5. 5. II. Texto que parpadea <ul><li><BLINK> </li></ul><ul><li>Este texto parpadea </li></ul><ul><li></BLINK> </li></ul>
  6. 6. III. Introducción al Multimedia <ul><li>Multimedia Inline </li></ul><ul><ul><li>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. </li></ul></ul><ul><li>Multimedia Externa </li></ul><ul><ul><li>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. </li></ul></ul>
  7. 7. IV. Ficheros de sonido <ul><li>El formato AU creado por Sun Microsystems™. </li></ul><ul><li>WAVE (.wav) </li></ul><ul><li>Real Audio (streaming) </li></ul><ul><li>Mp2, Mp3. </li></ul><ul><li>Ogg. </li></ul>
  8. 8. V. Ficheros de Video <ul><li>MPEG vídeo . (mpg, mpeg) </li></ul><ul><li>formato AVI. (.avi) </li></ul><ul><li>QuickTime. (.mov) </li></ul><ul><li>Mp4. </li></ul><ul><li>VOB. </li></ul><ul><li>Flv. (estándar actual) </li></ul>
  9. 9. VI. Ingresar un archivo multimedia en una Pagina Web. <ul><li>Utilizamos la etiqueta <a> con el atributo “href”. </li></ul><ul><ul><li><a href=“musica.mp3”>Click aquí en música</a> </li></ul></ul><ul><ul><li><a href=&quot;mi_video.avi &quot;> Haga clic aquí para ver mi video.</a> </li></ul></ul>
  10. 10. VII. Vídeo inline
  11. 11. VIII. Pagina Web con Sonido de Fondo <ul><li><EMBED SRC=&quot;reggae.mid&quot; </li></ul><ul><ul><li>WIDTH=&quot;0&quot; </li></ul></ul><ul><ul><li>HEIGHT=&quot;0&quot; </li></ul></ul><ul><ul><li>AUTOSTART=&quot;true&quot;> </li></ul></ul><ul><li><NOEMBED> </li></ul><ul><ul><li><BGSOUND </li></ul></ul><ul><ul><li>SRC=&quot;reggae.mid&quot;> </li></ul></ul><ul><li></NOEMBED> </li></ul>
  12. 12. IX. Atributos de la Etiqueta EMBED <ul><li>AUTOSTART= FALSE (Sin necesidad de presionar el botón) </li></ul><ul><li>HIDDEN=TRUE (Oculta la consola) </li></ul><ul><li>LOOP=FALSE (oir el fichero 1 vez) </li></ul><ul><li>CONTROLS=SMALLCONSOLE (aparece una consola pequeñita) </li></ul><ul><li>Ejemplo: </li></ul><ul><ul><li><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;> </li></ul></ul>
  13. 13. X. Embeber Video <ul><li><EMBED SRC=&quot;video.avi&quot; HEIGHT=300 WIDTH=400 AUTOSTART=false LOOP=false> </li></ul><ul><li><A HREF=“videos/edgar.avi&quot;>Mira el vídeo de Edgar</A> </li></ul>
  14. 14. XI. Multimedia con el Media Player de Windows.
  15. 15. XII. Un Video en varias partes.
  16. 16. XIII. Poner vídeo en una página web a través de YouTube. <ul><li>Crear una Cuenta en Youtube. </li></ul><ul><li>Subir un video. </li></ul><ul><li>Agregar el código generado. </li></ul><ul><ul><li><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> </li></ul></ul>
  17. 17. TRABAJO PRÁTICO <ul><li>Diseño de un portal Web Multimedia. </li></ul>
  18. 18. PREGUNTAS?

×