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: 230

Visitas el mes pasado: 642

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 (I)

10.1 Enlaces multimedia

html

Multimedia en navegadores.

Los navegadores no están diseñados en principio para reproducir archivos de audio y video, sin embargo normalmente pueden reproducir los tipos de archivo más habituales, gracias a unos programas o aplicaciones que tienen incrustados los navegadores, llamados "plugins". algunos de estos plugins se instalan junto con el navegador, otros podemos instalarlos o actualizarlos más adelante.

No todos los navegadores tienen los mismos plugins, y además estos pueden estar activados o desactivados. Con lo que cada usuario tendrá configurado el navegador de forma distinta. Por tanto, al poner un archivo de sonido o de video en una web, es muy posible que éste no se vea igual en todos los navegadores, incluso que en algunos no se vea.


Formatos de archivo de Audio y video.

Principales formatos de audio

Sin duda los más usados son .wav, .mid y .mp3.

Principales formatos de vídeo

Etiqueta de enlace

La etiqueta de enlace <a href="...">...</a> es una de las más polivalentes, ya que puede servirnos para insertar audio o video en nuestra página, basta con poner en el atributo href la ruta del archivo de audio, video, o cualquier otro, que queramos mostrar, con su extensión. El comportamiento de esta etiqueta ante cualquier tipo de archivo es el siguiente:

La etiqueta <a href=".."></a> de enlace permite incluir archivos para descargar. Los archivos comprimidos de WinZip o WinRar se direccionan mediante esta etiqueta para que los descargue el usuario. También los archivos para descargar programas (extensión .exe) utilizan esta etiqueta. Al aparecer el cuadro de diálogo de descarga, la página que estamos viendo no cambia, lo que sí ocurre cuando el navegador puede abrir el archivo.


Abrir el archivo en la propia página.

Como ya se ha dicho, el archivo, por defecto, se abre en una página aparte, esto lo podemos modificar para que se abra en la propia página mediante un pequeño truco;

Mediante este sencillo truco podemos insertar en la misma página varios archivos de audio y video, y abrirlos mediante los enlaces. he aquí un ejemplo:

Insertamos una etiqueta iframe en la página:

<iframe src="#" width="300" height="225" name="video"></iframe>

Después mediante unos enlaces a la etiqueta iframe damos la opción de ver o no ver el video:

<a href="objetos/misojos.swf" target="video">Ver video</a>

<a href="objetos/pantallablanco.html" target="video">Ver video</a>

Ver video

Parar reproducción

Fíjate que aparte de insertar el archivo de video en la carpeta de "objetos" hemos insertado también una página en la que ponemos el texto por defecto que se ve cuando no está el video.

Esta forma de insertar video es muy precaria, ya que no todos los formatos de video son admitidos por el navegador. Aquí hemos usado el formato .swf que es el usado para hacer animaciones con flash. (el plugin de flash suelen tenerlo casi todos los navegadores).

Otros formatos de video como .avi o .wmv es probable que no sean admitidos por esta etiqueta, con lo que si los insertamos es probable que al abrir el enlace nos salga el cuadro de diálogo para descarga.




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

Etiquetas multimedia.



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