Cómo agregar audio a mi proyecto Webnode

download Cómo agregar audio a mi proyecto Webnode

of 13

Transcript of Cómo agregar audio a mi proyecto Webnode

Cmo agregar audio a mi proyecto Webnode?Para agregar audio a un proyecto Webnode utilizamos la opcin de agregar un Widget que pueda reproducir el audio que deseemos. En resumen, slo hay 3 pasos a seguir para poder colocar el audio en nuestro proyecto Webnode: 1) Subir el archivo de audio en nuestro proyecto 2) Configurar un Widget de audio para que reproduzca nuestro archivo de Audio 3) Colocar el Widget en nuestro proyecto Webnode y publicar los cambios A continuacin colocaremos los pasos a seguir de manera visual con un grupo de capturas de pantalla de cada uno de los pasos.

1) Subir el Archivo de Audio en nuestro proyectoIngresamos en el Editor del proyecto Webnode y hacemos clic en el botn "Archivos" de la barra de herramientas

En la nueva ventana, hacemos clic en el botn "Subir Archivos" y buscamos el archivo de audio que queremos reproducir

Para obtener la ruta (direccin URL) del archivo de audio, colocaremos una nueva rea de "Texto e Imgenes" en nuestro proyecto y hacemos clic en "Editar contenido"

En la barra de herramientas del editor de texto e imgenes, hacemos clic en el botn para agregar archivos (4to botn de izquierda a derecha) y seleccionamos el archivo de audio que subimos anteriormente.

Luego de guardar los cambios que hicimos en el recuadro de texto e imgenes, podremos ver que aparecer un enlace al archivo de audio que insertamos. Hacemos clic derecho sobre el enlace y seleccionamos "Copiar la ruta del enlace". Si queremos podemos pegar esta ruta en el block de notas para poder copiarla de nuevo facilmente. La ruta deber verse como esto: http://files.miwebsite.webnode.com/2000013-esrea4ef3sd3/archivo.mp3

2) Configurar un Widget de audio para que reproduzca nuestro archivo de AudioCon Webnode puede usar cualquier widget, pero para este ejemplo usaremos el Google Audio Widget: http://www.widgetbox.com/widget/mp3 Luego de abrir la pgina de Google Audio Widget, procedemos a configurarlo para que reproduzca el archivo de audio que subimos en el paso anterior, siguiendo los pasos que se indican en la imagen inferior.

Al hacer clic en el botn "Get Widget" aparecer una pequea ventana mostrndonos el cdigo HTML que debemos colocar en nuestro proyecto Webnode. Hacemos clic en el botn "Copy" y aparecer una pequea ventana confirmando que el cdigo ha sido copiado satisfactoriamente. Podemos copiar este cdigo en el Block de Notas para poder utilizarlo luego.

3) Colocar el Widget en nuestro proyecto Webnode y publicar los cambiosPor ltimo, lo que tenemos que hacer es colocar el Widget en nuestro proyecto Webnode. Para ellos, regresamos al Editor de nuestro proyecto Webnode y agregamos un Widget de tipo "Cdigo Embebido"

En la pequea ventana que se abre, pegamos el cdigo HTML del Wiget que obtuvimos en el paso anterior.

Colocamos el Widget donde queramos en nuestra pgina, y hacemos clic en el botn "Publicar" para que los cambios puedan ser vistos desde nuestro website.

Subir un archivo de audio a un servicio de podcastsEl primer paso para introducir un archivo de audio en tu web o blog ser subir el archivo seleccionado a un servicio de almacenamiento de podcasts. Estos servicios funcionan de manera similar a como lo hace YouTube con los vdeos. Existen varias pginas web que proporcionan este servicio. Nosotros vamos a ensearte a hacerlo con Ivoox, aunque existen otras pginas que ofrecen este servicio y que puedes consultar en la seccin "Enlaces". Con Ivoox, debes seguir los siguientes pasos: Accede a la pgina web de Ivoox. Para poder subir archivos, debes estar registrado. Si no lo ests, haz clic en "Regstrate" y sigue los pasos que te indiquen. Una vez que hayas accedido con tu nombre de usuario y contrasea, pincha sobre el botn "Subir" de la parte superior de la pantalla. Te llevar a una nueva pgina en la que tendrs que seleccionar "Subir audio".

A continuacion, te llevar a otra pantalla en la que debes introducir algunos datos bsicos sobre tu archivo: ttulo, descripcin, categoras en las que se encuadra, etc. Despus de introducir los datos, pulsa "Enviar".

En la siguiente pantalla debes seleccionar el archivo que quieres subir. Puedes subir un archivo de audio que tengas en tu equipo, un archivo de vdeo del que el programa extraer el audio o una url en la que est alojado. El nico lmite es que el archivo no sobrepase los 125 Mb si es un audio o los 400 Mb si es un vdeo.

Tras unos minutos, podrs acceder a tu "Zona privada" donde te ofrecern, entre otras cosas, el cdigo html necesario para incrustar el audio en tu pgina web o blog. Este cdigo lo puedes personalizar para que el reproductor incrustado en tu trabajo tenga distintas apariencias:

Derechos de autorRecuerda que las canciones, programas de radio y otros archivos de audio suelen estar protegidos por derechos de autor. Asegrate de que tienes derecho a utilizarlos antes de subirlos a tu pgina web o blog. inicio

Cmo aadir el audio a tu pgina webUna vez que tienes el cdigo html correspondiente, debes insertarlo en la pgina que ests creando. El modo de hacerlo vara dependiendo del editor de pginas web que uses. Si conoces el lenguaje html, te resultar muy fcil encontrar el lugar donde debes agregar el cdigo. La mayora de editores gratuitos no requieren que conozcas este lenguaje. Generalmente, podrs elegir entre una vista de "Diseo", en la cual vas creando la pgina web mientras ves como ser el resultado, y una vista "Cdigo", en la que s aparece la secuencia de cdigos html. Para insertar el audio en este tipo de editores, debes seguir los siguientes pasos: Copia el cdigo html que has obtenido en Ivoox (no olvides copiarlo entero y tal cual aparece). En la pestaa "Diseo" del editor, coloca el cursor en el lugar donde quieres que aparezca el audio. Vete a la pestaa "Cdigo" y pulsa las teclas Ctrl + V (para pegar el cdigo). Vuelve a la vista "Diseo" para comprobar que el audio aparece en el lugar seleccionado.inicio

Cmo aadir el audio a tu blog

Para introducir el audio en una entrada de tu blog, debes tener activado el plugin WP-SWF Object y seguir los siguientes pasos: Inicia sesin en tu blog con tu nombre de usuario y contrasea. Ve a la seccin "Escribir" y sitate en la pestaa "Editar HTML". Pega el cdigo que te ofrece Ivoox en esta pestaa. A continuacin, debes modificarlo, ya que el cdigo que ofrece Ivoox es mucho ms complejo que el que requiere el plugin. Debes seguir el formato del plugin, introduciendo [swf] seguido dela url, el ancho y el alto del objeto, y cerrando el cdigo con [/swf]. El ancho y el alto son las dos cifras que aparecen al principio del cdigo. Ejemplo: [swf]http://www.ivoox.com/playerivoox_ee_72024_1.html, 240, 133[/swf]

Contina escribiendo la entrada y, cuando acabes, gurdala y publcala.