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

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

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

1,076

Published 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.

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,076
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
30
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) <ul><ul><li>BEHAVIOR=&amp;quot;alternate“ </li></ul></ul><ul><ul><li>DIRECTION=&amp;quot;RIGHT&amp;quot; </li></ul></ul>
  • 5. II. Texto que parpadea <ul><li>&lt;BLINK&gt; </li></ul><ul><li>Este texto parpadea </li></ul><ul><li>&lt;/BLINK&gt; </li></ul>
  • 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. 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. 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. VI. Ingresar un archivo multimedia en una Pagina Web. <ul><li>Utilizamos la etiqueta &lt;a&gt; con el atributo “href”. </li></ul><ul><ul><li>&lt;a href=“musica.mp3”&gt;Click aquí en música&lt;/a&gt; </li></ul></ul><ul><ul><li>&lt;a href=&amp;quot;mi_video.avi &amp;quot;&gt; Haga clic aquí para ver mi video.&lt;/a&gt; </li></ul></ul>
  • 10. VII. Vídeo inline
  • 11. VIII. Pagina Web con Sonido de Fondo <ul><li>&lt;EMBED SRC=&amp;quot;reggae.mid&amp;quot; </li></ul><ul><ul><li>WIDTH=&amp;quot;0&amp;quot; </li></ul></ul><ul><ul><li>HEIGHT=&amp;quot;0&amp;quot; </li></ul></ul><ul><ul><li>AUTOSTART=&amp;quot;true&amp;quot;&gt; </li></ul></ul><ul><li>&lt;NOEMBED&gt; </li></ul><ul><ul><li>&lt;BGSOUND </li></ul></ul><ul><ul><li>SRC=&amp;quot;reggae.mid&amp;quot;&gt; </li></ul></ul><ul><li>&lt;/NOEMBED&gt; </li></ul>
  • 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>&lt;BGSOUND SRC=&amp;quot;../musica/vida.wav&amp;quot; LOOP=infinite&gt;  &lt;EMBED SRC=&amp;quot;../musica/vida.wav&amp;quot; WIDTH=200 HEIGHT=55 AUTOSTART=&amp;quot;true&amp;quot; LOOP=&amp;quot;true&amp;quot; HIDDEN=&amp;quot;true&amp;quot;&gt; </li></ul></ul>
  • 13. X. Embeber Video <ul><li>&lt;EMBED SRC=&amp;quot;video.avi&amp;quot; HEIGHT=300 WIDTH=400 AUTOSTART=false LOOP=false&gt; </li></ul><ul><li>&lt;A HREF=“videos/edgar.avi&amp;quot;&gt;Mira el vídeo de Edgar&lt;/A&gt; </li></ul>
  • 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. <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>&lt;object width=&amp;quot;425&amp;quot; height=&amp;quot;344&amp;quot;&gt;&lt;param name=&amp;quot;movie&amp;quot; value=&amp;quot;http://www.youtube.com/v/aYO4468qHxc&amp;hl=es&amp;fs=1&amp;quot;&gt;&lt;/param&gt;&lt;param name=&amp;quot;allowFullScreen&amp;quot; value=&amp;quot;true&amp;quot;&gt;&lt;/param&gt;&lt;param name=&amp;quot;allowscriptaccess&amp;quot; value=&amp;quot;always&amp;quot;&gt;&lt;/param&gt;&lt;embed src=&amp;quot;http://www.youtube.com/v/aYO4468qHxc&amp;hl=es&amp;fs=1&amp;quot; type=&amp;quot;application/x-shockwave-flash&amp;quot; allowscriptaccess=&amp;quot;always&amp;quot; allowfullscreen=&amp;quot;true&amp;quot; width=&amp;quot;425&amp;quot; height=&amp;quot;344&amp;quot;&gt;&lt;/embed&gt;&lt;/object&gt; </li></ul></ul>
  • 17. TRABAJO PRÁTICO <ul><li>Diseño de un portal Web Multimedia. </li></ul>
  • 18. PREGUNTAS?

×