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

  • 1,036 views
Uploaded on

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

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

More in: Education
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
1,036
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
28
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

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?