Entendido.

Este sitio utiliza cookies para analizar la navegación. Si continúa navegando se entiende que acepta su uso. Ver más detalles.";

Logo

Aprende Web

Crea y diseña tus sitios en la Web.

Manual de HTML

HTML: lenguaje básico para crear páginas web


Y ahora tambien aprende a programar en C++ con Aprende Web C++

logo rss RSS. Suscribir canal.

Buscar en Aprende Web

Traducir página

Visita nuestro blog:

bolg.aprende-web.net

y entérate de las novedades o deja un comentario.

Dudas y sugerencias:

aprendeweb@aprende-web.net





Sobre ésta página

Ültima modificación: 29-01-2016.

Visitas este mes: 2092

Visitas el mes pasado: 3115

logo
WEB-GRAFÍA

Mi agradecimiento a los siguientes sitios en los que me he basado para la elaboración de este manual.:

Desarrollo Web: manual de HTML
Desarrollo Web, por Rubén Álvarez
Cómo crear tu Web: curso de HTML
ComoCrearTuWeb, Por Georgens
Libros Web: introducción a XHTML
Libros web, por Javier Eguíluz Pérez
Curso de HTML: AulaFácil
www.aulafacil.com
Curso de html: Programación Web
www.programacionweb.net
WebEstilo: manual de html
www.webestilo.com
W3 schools; HTML Tutorial
www.w3schools.com
Tutorial html
Juan José López García
Universidad de Murcia
Introducción al lenguaje html
wikilearning

Donativos

Si este sitio te parece interesante puedes contribuir con una pequeña aportación.




10. Video y sonido (II)

10.2 Etiquetas multimedia.

html

Mediante una serie de etiquetas podemos introducir sonido y video en nuestras páginas. estas etiquetas llevan una serie de atributos para indicar el archivo y las características que queremos incorporar.


Etiqueta bgsound

La etiqueta bgsound sirve para insertar sonido de fondo en las páginas web. Su principal inconveniente es que sólo funciona con Internet Explorer, por lo que su uso es muy limitado. De todas maneras vamos a ver cuál es su forma y sus principales atributos:

<bgsound src="ruta_fichero" loop="numero" balance="b" volume="v"></bgsound>

Los valores de los atributos son los siguientes:

Como ya se ha dicho esta etiqueta suele ser muy poco usada ya que tiene las limitaciones de que sólo funciona con Internet Explorer, y además el usuario no puede controlar el sonido desde la página.


Etiqueta img

La etiqueta <img .../> que se usa normalmente para insertar imágenes también puede servir para insertar videos, sin embargo tiene sus limitaciones ya que sólo funciona con Internet Explorer y no con todos los tipos de archivo. De hecho sólo funciona con videos con extensión .avi, .mov, y .mpg. los atributos específicos para utilizar esta etiqueta para video son los siguientes:

Por lo demás se usan los mismos atributos de la etiqueta img es decir, height y with para el alto y el ancho de la consola, hspace y vspace para los márgenes de la consola. y también podemos usar la etiqueta src="ruta_imagen" para mostrar una imagen en el caso de que el navegador no pueda cargar el video.

Como ya se ha dicho el principal inconveniente de esta etiqueta es que sólo funciona el video en Internet Explorer, por lo que no es muy utilizada para este fin.


Etiqueta embed

La etiqueta embed sirve tanto para incrustar archivos de audio como de video en la página web. Esta etiqueta posee varios atributos, que pueden ser distintos en función del objeto que vayamos a mostrar en la pagina. su sintaxis general sería la siguiente.

<embed src="..." ...(atributos) ...></embed>

la etiqueta de cierre final es conveniente ponerla para que funcione correctamente, también podemos poner una barra inclinada al final de la etiqueta principal que sustituye a la etiqueta de cierre (<embed ... />), en todo caso nunca debemos dejar la etiqueta sin cerrar. A continuación vamos a ver cuales son los principales atributos de esta etiqueta y sus valores.

atributos referentes a vídeo y sonido

src="ruta_fichero"

Indica la ruta para acceder al archivo multimedia que queremos abrir.

loop="numero/true/false"

Define el número de veces que se reproducirá el fichero, como valor podemos poner un numero entero, o las palabras true (infinitas veces) o false (sólo una vez). Este atributo no funciona con todos los navegadores, especialmente con Internet Explorer en versiones antiguas. por lo que debemos complementarlo con el siguiente.

playcount="n"

Define el número de veces que se reproducirá el fichero en Internet Explorer.

autostart="true/false"

Define si el fichero debe empezar a reproducirse por si solo a la vez que la página (valor true), o debe necesitar la intervencion del usuario mediante la consola o código javascript para reproducirse (valor false).Tanto este atributo como los dos anteriores no funcionan con los archivos flash de video (extensión .swf), los cuales se muestran siempre al cargar la página y en número infinito de veces.

type="tipo_fichero"

Atributo importante que declara qué tipo de fichero estamos usando. El navegador buscará el plugin o programa necesario para abrirlo, teniendo preferencia el que hayamos indicado. dependiendo del tipo de fichero puede tomar distintos valores. los más habituales son:

Esto es lo que se llama el tipo MIME al que pertenece el objeto. Cada tipo de fichero pertenece a un tipo MIME distinto, hay que tener cuidado de poner para cada tipo de fichero el tipo que le corresponde o que sea compatible. En el siguiente enlace hay una lista con todos los tipos MIME aceptados, aunque la página está en inglés, creo que la tabla con los tipos se entiende bastante bien:

http://www.utoronto.ca/webdocs/HTMLdocs/Book/Book-3ed/appb/mimetype.html

pluginspage="URL"

Indica en caso de ser necesario, el plugin que reproducirá el fichero, o la página web donde puede descargarse el mismo. Solo se activa en caso de que el navegador no pueda reproducir el fichero por sí mismo.

name="nombre"

Al igual que en otros casos vistos anteriormente, podemos dar un nombre a la etiqueta, que servirá de referencia para trabajar con enlaces o con código javascript.

volume="v"

para archivos de sonido, indica el volumen al que debe reproducirse inicialmente el archivo. el valor es un número entre 0 y 100, siendo el valor por defecto 50 en plataformas PC y 75 en MAC.

atributos referentes a la consola.

hidden="true/false"

Este atributo es sólo para los archivos de sonido. El valor true permite no mostrar la consola de sonido. con lo cual si no hemos puesto el atributo autostar="false" el sonido se reproducirá al cargarse la página, sin que haya una consola para modificarlo. El valor false en principio debe mostrar la consola, pero no funciona bien en todos los navegadores, por lo que es preferible no usarlo, ya que ésta se muestra por defecto.

width="w" height="h"

Indican el ancho y el alto visible de la consola en píxeles. Debemos tener en cuenta que algunas consolas son de tamaño fijo, y por lo tanto debemos darle un espacio igual o mayor del que ocupan para que pueda verse entera.

align="left/center/right/..."

Define la alineación horizontal o vertical de la consola respecto a los elementos de la página. Funciona igual que con la etiqueta img y tiene los mismos valores que ésta.

hspace="hs" vspace="vs"

Define la separación vertical y horizontal de la consola respecto a los otros elementos de la página. Funciona igual que en la etiqueta img. Podemos usar las mismas etiquetas que se usan para las imágenes para posicionar la consola. Por supuesto también podemos posicionarla mediante código CSS.


Utilización de la etiqueta embed

Un ejemplo de etiqueta embed para sonido es el siguiente:

<embed src="sonido.mid" loop="1" playcount="1" type="audio/midi" autostart="false" width="200" height="50" />

Un ejemplo de etiqueta embed para video es el siguiente:

<embed src="http://mivideo.mov" type="application/mov" width="400" height="300" autostart="false" ></embed>

También se puede utilizar la etiqueta embed para mostrar en la página archivos de Adobe Reader (Texto en PDF).

La consola de la etiqueta embed tiene un comportamiento similar a la etiqueta img en cuanto a posicionamiento, por lo que admite los mismos atributos.

El problema de la etiqueta embed es que el usuario no siempre tiene instalado en su equipo los plugins necesarios para ver el archivo, por lo que se recomienda utilizar los formatos de archivo más usados. ya que para estos los plugins suelen instalarse a la vez que los navegadores. Otra opción es poner un enlace al archivo para que en caso de no poder verse, el usuario pueda descargárselo.

La etiqueta embed fue creada por el navegador Netscape, pero enseguida la fueron incorporando los demás navegadores, por lo que es posible que versiones antiguas de Internet Explorer no la reconozcan.

La etiqueta no es reconocida por el estándar oficial del HTML 4.01 y del XHTML 1.0 del W3C (World Wide Web Consortium), con lo cual la página no pasa el proceso de validación, (en temas posteriores veremos qué es esto) pero esto no impide que funcione en la mayoría de navegadores, siempre que se tengan los plugins adecuados para ver los archivos.

Sin embargo el nuevo HTML5 sí que reconoce ya la etiqueta embed, por lo que en HTML5 sí que se pasa el proceso de validación.




En la siguiente página veremos más etiquetas con la que se puede insertar video o sonido en una página web.

Etiqueta object.



manual de HTML

Anterior siguiente ... Siguiente siguiente


imprimir esta página

Página creada por ANYELGUTI.

Sugerencias: aprendeweb@aprende-web.net. Envia un manda un correo

Visita nuestro blog par saber en qué estamos trabajando: Aprende Web Blog

Más sobre anyelguti en http://anyelguti.16mb.com