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

Visitas el mes pasado: 181

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

10.4. Aplicaciones externas.

html

Páginas de audio y video

Todos conocemos sitios en los cuales podemos "colgar" en la red nuestros archivos de video o audio, sitios como YouTube, nos permiten, tras registrarnos como usuarios, poner nuestros archivos en Internet.

Sin embargo nosotros queremos poner el video en nuestra página. Pues bien, tenemos la opción de "subir" el video a una de estas páginas, y una vez alli, copiar el código para colocar nuestra archivo de video o audio en nuestra página.

En este apartado vamos a ver cómo colocar en nuestra página videos de Youtube y de Dailimotion; y archivos de sonido de Goear. En realidad, cualquier archivo de video (o audio) que encontremos en estos sitios podemos ponerlo en la nuestra.

Las direcciones web de estos sitios son las siguientes:

Youtube: http://www.youtube.com/?gl=ES&hl=es

Dailymotion: http://www.dailymotion.com

Goear: http://www.goear.com

´

Videos con Youtube en tu página.

Podemos insertar un video propio o cualquier video que encontremos en Youtube en nuestra página. para ello haremos lo siguiente.

Si queremos insertar un video propio, lo primero que tenemos que hacer es "subirlo" a Youtube. Para ello nos registraremos como nuevo usuario o accederemos a nuestra cuenta si ya estamos registrados. Los botones para registrarse o acceder están en la parte superior derecha de la página. Una vez registrados accedemos a nuestra cuenta y pulsamos el botón subir (también en la parte superior derecha) y accedemos a una página desde la cual podemos subir nuestros videos a Youtube.

Después podemos poner nuestro video, o cualquier otro que veamos en Youtube de la siguiente manera:

Abrimos el video en la página de Youtube, y debajo del mismo pulsamos en "compartir". Se abre otro cuadro y pulsamos en "insertar". Nos aparecerá el código para insertar el video en nuestra página. Debajo del código aparecen varias opciones, tales como "mostrar sugerencias de videos cuando finalice la reproducción" y otras. y debajo opciones sobre el tamaño al que queremos que aparezca en nuestra página. Elegimos las opciones que nos interesen y después copiamos el código y lo insertamos en nuestra página.

Nosotros hemos elegido un vídeo para insertar en esta página donde el código que nos aparece es el siguiente:

<iframe width="480" height="360" src="http://www.youtube.com/embed/LEgx0xXl5B0?rel=0" frameborder="0" allowfullscreen></iframe>

Después de copiar y pegar el código en la página podemos ya ver el video, tal como aparece aquí debajo


Videos en Dailymotion

El sitio Dailymotion nos permite también "subir" nuestros videos, y desde alli copiarlos en nuestra página.

El procedimiento para "subir" un video a la página es similar al de Youtube, es decir, registrarse como usuario, abrir nuestra cuenta y desde allí subir los videos que tengamos en nuestro ordenador. Los enlaces para esto los tenemos en la barra superior, pulsaremos para ello en "suscripciones" o en "cargar videos"

Para poner un video de Dailymotion en nuestra página, el procedimiento es similar a Youtube, ya que la página también nos proporciona el código html necesario para incrustar el video en tu página.

Buscamos el video y lo abrimos en la ventana principal de la página; debajo del video vemos un recuadro que pone "compartir". pulsamos en él y nos salen varias opciones. elegimos la opción "incrustar". Se nos abre un cuadro en el cual elegimos las opciones que queremos para nuestra página y despues copiamos el código que nos dan en el recuadro "Copiar Código Embed".

Nosotros hemos elegido un video para incrustarlo más abajo. el código que nos dan es el siguiente:

<iframe frameborder="0" width="480" height="360" src="http://www.dailymotion.com/embed/video/x9jgh">
</iframe>
<br />
<a href="http://www.dailymotion.com/video/x9jgh_la-grua-y-la-jirafa_animals" target="_blank">La grua y la jirafa</a>
 <i>por <a href="http://www.dailymotion.com/vlasvlasvlas" target="_blank">vlasvlasvlas</a></i>

Hemos copiado y pegado el código en la página, y aquí tenemos el vídeo.


La grua y la jirafa por vlasvlasvlas

El inconveniente de este sitio es que algunos vídeos pueden llevar algún espot publicitario al principio.


Audio en Goear

Goear es un sitio donde podemos "subir" archivos de audio, y luego copiarlos en nuestra página. Al copiarlos se reproducirán en la consola de Goear.

El procedimiento es el mismo que para las páginas anteriores, debemos registrarnos o abrir nuestra cuenta (si ya estamos registrados) para "subir los archivos a la página.

Para registrarse o abrir nuestra cuenta pulsamos en la parte superior derecha de la página, donde pone "Registrate o inicia sesion". Una vez ahí seguiremos los pasos que nos indican para registrarnos. Desde nuestra sesión podemos "subir" a Goear los archivos de audio.

Para copiar un audio en nuestra página, primero lo buscamos con el buscador, una vez abierta la página del archivo que queremos copìarnos, debajo de la consola de audio, pulsamos en "compartir", copia el código que nos dan donde pone "inserta esta canción en tu web."

El código del ejemplo que ponemos más abajo es el siguiente:

<object width="353" height="132">
<embed src="http://www.goear.com/files/external.swf?file=1a0887d" 
   type="application/x-shockwave-flash" wmode="transparent" 
   quality="high" width="353" height="132"></embed>
</object>

El inconveniente también está en que pueden insertarnos también algún pequeñó espot publicitario antes del audio.


Ventajas e inconvenientes de las aplicaciones externas.

El uso de aplicaciones externas como las que hemos visto aquí en las páginas web está muy extendido, sin duda tiene sus ventajas y sus inconvenientes,

como principales ventajas podemos decir:

Como principales inconvenientes podemos decir

Como siempre, debemos valorar los pros y los contras de usar aplicaciones externas, sin embargo, para pequeñas páginas personales, o pequeños negocios, puede que sea la solución más fácil.




Si seguimos sólo el manual de HTML continuaremos en el siguiente tema:

Otros aspectos de HTML.


Si seguimos el manual de HTML y el de CSS al mismo tiempo seguiremos en el siguiente tema de CSS

Otras propiedades CSS.



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