1. HTML
Insertar video, animaciones flash y sonido a
una página web.

2. COMPETENCIAS A DESARROLLAR
No. COMPETENCIA
1
Escucha, interpreta y emite mensajes pertinentes en
distintos contextos mediante la utilización de
medios, códigos y herramientas apropiados.
2
Desarrolla innovaciones y propone soluciones a
problemas a partir de métodos establecidos.
6
Domina herramientas de desarrollo para sitios web
mediante el uso de funcionalidades en la
construcción de aplicaciones web, enlaces,
presentación de datos y generación de información
estática y dinámica en el Internet.
Denisse Casillas 2

3. CONOCIMIENTOS PREVIOS
 ¿Qué es una animación flash?
 ¿Qué extensiones de video conoces?
 ¿Te gusta que una página web tenga música
de fondo?

4. SONIDO EN LA PÁGINA WEB
Añadir una música de fondo a una
página tiene pros y contras, si el sonido
es apropiado al contenido de la página,
puede hacerla más atractiva pero
puede ralentizar la visualización de la
página y además muchos usuarios
suelen estar escuchando otro tipo de
música cuando navega en Internet, por
lo que el escuchar también sonido en
cada página que visita puede resultar
algo molesto.
Los formatos de sonido más habituales
en Internet son el WAV, el MP3 y en
algunas ocasiones el MIDI.

5. ETIQUETA BGSOUND
La etiqueta bgsound incorpora sonidos de fondo en una página web, sonidos
que se ejecutan automáticamente al cargarse la página.
Su sintaxis general, con sus atributos más importantes, es del tipo:
<bgsound src="ruta_fichero" loop="l" balance="b" volume="v"></bgsound>
Donde:
 src="ruta_fichero" fija la ruta en la que se encuentra el fichero de audio a
reproducir.
 loop="l" determina el número de veces (l) que se debe ejecutar el fichero de
audio. Si le damos el valor infinite, el audio se reproducirá indefinidamente.
 balance="b" determina el balance del sonido entre los dos altavoces del
equipo, es decir, la potencia o intensidad con que se oirá en cada uno de
ellos (derecho e izquierdo). Sus valores pueden estar entre -10,000 y
+10,000, correspondiendo el valor 0 a un balance equilibrado.
 volume="v" fija el volumen al que se oirá el sonido, y sus valores pueden
variar entre -10,000 (mínimo) y 0 (máximo). No es soportado por los equipos
MAC.

6. EJEMPLOS
<bgsound src=“audio/cancion.mp3" balance=0 volume=0></bgsound>
<bgsound src="varios/audio.mid" loop="-1">
Se recomienda ponerla inmediatamente después
de la etiqueta body.

7. VIDEO Y AUDIO
En ocasiones puede interesar incluir algún vídeo en una página web, pero hay
que tener en cuenta que los vídeos suelen ocupar mucho espacio en disco, y por
lo tanto, precisan de mucho tiempo para descargarse.
Los formatos de vídeo que suelen utilizarse en Internet son el AVI, el MPEG y
el MOV.
 La etiqueta <embed> es la que se utiliza para insertar archivos de vídeo,
audio y algunos otros formatos.
<EMBED SRC="music.rm"WIDTH="150" HEIGHT="40"AUTOSTART="false"
CONTROLS="ControlPanel" LOOP="-1">
<NOEMBED>Su navegador no soporta el plug-in RealAudio</NOEMBED>
Otro ejemplo:
<EMBED SRC="my_clip.mov"WIDTH="320" HEIGHT="200"
CONTROLLER="false"AUTOPLAY="false">

8. Insertar animaciones flash
<OBJECT classid="clasid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flas
h/swflash.cab#version=7,0,19,0"
WIDTH="432" HEIGHT="330" id="myMovieName" >
<PARAM NAME="movie"VALUE="myMovieName.swf" />
<PARAM NAME="quality"VALUE="high" />
<PARAM NAME=bgcolor VALUE=#FFFFFF>
<EMBED src="/flash/ myMovieName.swf" quality="high" bgcolor=#FFFFFF
WIDTH="432" HEIGHT="330" NAME="myMovieName" ALIGN=""
TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
</EMBED>
</OBJECT>