Reproductor MP3

Google

Para comenzar, abrimos la administración general de nuestro nodo y vamos a la administración del sitio web

En este tutorial veremos la utilidad de colocar un reproductor de audio (formato MP3) para contenido que hayamos subido a la plataforma. Esta utilidad tiene múltiples usos, desde dejar un mensaje de bienvenida para escuchar, hasta ejemplos específicos de pronunciación para las carreras de idiomas...

...¿Nos acompañan?

Para este recorrido vamos a necesitar, previamente, haber subido a la plataforma un archivo de audio en formato MP3 (breve repaso)

1

2

3

4

5

6

Vamos a suponer que queremos poner un mensaje de bienvenida que grabamos y subimos al sitio web (como en la diapositiva anterior)

Hacemos clic sobre el botón derecho del mouse en el nombre del archivo de audio que deseamos usar. Del menú contextual seleccionamos la opción “Copiar dirección del enlace”.

(Lo que copiamos es código…)

Seleccionamos la página en la cual queremos insertar el reproductor de mp3, ya que necesitaremos editarla

Vamos a suponer que queremos poner un mensaje de bienvenida que grabamos y subimos al sitio web a la sección “uploads”.

Ubicamos el cursor en el espacio en el que queremos colocar el reproductor mp3.

<embed type="application/x-shockwave-flash" src="http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=http://infd.e-ducativa.com/sitio/upload/Presentacion.mp3" width="400" height="27" allowscriptaccess="never" quality="best" bgcolor="#ffffff" wmode="window" flashvars="playerMode=embedded" />

Pegamos el contenido de lo que habíamos copiado en el bloc de notas, para verlo...

javascript:VerNovedad2('http://infd.e-ducativa.com/sitio/upload/Presentacion.mp3')

Esta es la dirección de nuestro archivo de audio. Ahora la pondremos “mezclada” dentro de otro fragmento de código. Así que la copiamos y pegamos en este punto

Copiamos entonces el código resultante de la mezcla, que nos servirá para poner en marcha el sonido.

<embed type="application/x-shockwave-flash" src="http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=http://infd.e-ducativa.com/sitio/upload/Presentacion.mp3" width="400" height="27" allowscriptaccess="never" quality="best" bgcolor="#ffffff" wmode="window" flashvars="playerMode=embedded" />

No es necesario entender el código!Basta con copiarlo tal cual, sin modificar los espacios, comillas y signos.

Para pegarlo, buscamos en la barra de menú el icono para pegar, pero el que tiene la letra ”H” (que indica HTML, es decir, el código de las páginas web) y hacemos clic

En la ventana Insertar texto HTML pegamos el código previamente copiado y presionamos Insertar

Notemos que ahora se ve una caja amarilla con una letra “f” en el medio

No olvidemos ir al pie de la página y presionar ”Modificar” para guardar los cambios

(eso le indica a la plataforma que hay un objeto allí que requiere Flash para funcionar)

Volvemos a la vista de usuario para ver el resultado...

Resumiendo

• Subir un archivo de audio a la sección “Uploads”

• Copiar la dirección del archivo e insertarla en el código.

• Colocar el cursor en el punto en el cual queremos insertar el sonido, en la página que queremos poner el reproductor, desde el editor,

• Pegamos el código con el botón para pegar código (H) y presionamos insertar

• No olvidemos el clic en “Modificar”