domingo, 16 de octubre de 2011

Sonido-video en HTML

Existen 2 formas para colocar audio-video en una página web:

bgsound:

Con esta etiqueta (y los siguientes atributos) colocamos solamente archivos de audio, ésta etiqueta se pone entre la etiqueta <HEAD>...</HEAD>. Lo único que tenemos que hacer es indicar algunos valores. Es importante saber que con esta etiqueta, se reproduce un sonido y se puede repetir, pero no hay un botón en específico que detenga el sonido (aunque con Esc se detiene).

Atributos:
src: Indica la ruta (donde está el archivo) y el nombre del archivo (por ej: musica.mp3).
loop: Indica si se repite o no el sonido, y si se repite indica cuantas veces se repite (el valor -1 indica reproducir infinitamente).
volume: El volúmen que se escuchará el sonido (mínimo -10,000 y máximo 0).

Código:
<Head> <bgsound src="Samples/My_Heart_Will_Go_On.mid" loop="-1" volume="0"> </head>

object: Con esta etiqueta se reproduce un tipo de archivo (audio y video). Podemos indicar que empiece la reproducción automáticamente o manualmente, el tamaño del "reproductor" que aparece en la página, mostrar u ocultar la barra del reproductor (botones de reproducir, detener...).

Atributos:

→ classid="identificador del objeto": Indica la ruta del objeto o un componente para reproducir el archivo.
→ type="tipo de archivo": Indica el tipo de archivo.
→ width: Indica el ancho del reproductor.
→ standby: Muestra un mensaje mientras se carga el archivo.
→ height: Indica la altura del reproductor.
Existen algunos parámetros para indicar el aspecto del reproductor y mostrar u ocultar objetos (aquí pongo los más importantes).

El código de un parámetro es:

<param NAME="Nombre del parámetro" VALUE="Valor (True=Sí / False=No)">→ autostart: Reproducir automáticamente o no.
→ filename: Indica la ruta y nombre del archivo.
→ ShowStatusBar: Muestra u oculta la barra de estado del reproductor.

Un ejemplo de un archivo de audio:

 <object CLASSID="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95" CODEBASE="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" standby="Cargando los componentes del Reproductor de Windows Media" type="application/x-oleobject" NAME="MC1" ID="MC1" height="52" width="300">
<param NAME="FileName" VALUE=" My_Heart_Will_Go_On.mid">
<param NAME="AutoStart" VALUE="True">
<param NAME="ShowStatusBar" VALUE="True">
<param NAME="ShowGotoBar" VALUE="False">
<param NAME="TransparentAtStart" VALUE="False">
<param NAME="Volume" VALUE="-10000">
<param NAME="Loop" VALUE="-1"> </object>
Ahora, un ejemplo de un video (Trailer de Harry Potter y El Cáliz de Fuego). Mira los valores que están en negrita:
<object CLASSID="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95" CODEBASE="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" standby="Cargando los componentes del Reproductor de Windows Media" type="application/x-oleobject" NAME="MC1" ID="MC1" height="250" width="350">
<param NAME="FileName" VALUE="http://raincloud.warnerbros.com/harrypotter/us/med/goblet/teaser/teaser_100.asx">
<param NAME="AutoStart" VALUE="True">
<param NAME="ShowStatusBar" VALUE="True">
<param NAME="ShowGotoBar" VALUE="False">
<param NAME="TransparentAtStart" VALUE="True">
<param NAME="Volume" VALUE="-10000">
<param NAME="Loop" VALUE="-1"> </object>

No hay comentarios:

Publicar un comentario