Reproductor mp3

1. Reproductor MP3

2. 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 carrearas de idiomas...
...¿Nos acompañan?
Para comenzar, abrimos la administración
general de nuestro nodo y vamos a la
administración del sitio web

3.  Para este recorrido vamos a necesitar,
previamente, haber subido a la plataforma un
archivo de audio en formato MP3 (breve repaso)
1
4
2
5
3
6

4.  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…)

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

6.  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.

7.  Pegamos el contenido de lo que habíamos
copiado en el bloc de notas, para verlo...
javascript:VerNovedad2('http://infd.e-
javascript:VerNovedad2('
ducativa.com/sitio/upload/Presentacion.mp3')
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
<embed type="application/x
type="application/x-shockwave-flash"
src="http://intercambios.infd.edu.ar/sitio/upl
oad/audioplayer.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" />

8.  Copiamos entonces el código resultante
de la mezcla, que nos servirá para poner
en marcha el sonido.
<embed type="application/x
type="application/x-shockwave-flash"
src="http://intercambios.infd.edu.ar/sitio/uplo
ad/audioplayer.swf?audioUrl=http://infd.e-
ad/audioplayer.swf?audioUrl=http://infd.e
ducativa.com/sitio/upload/audio.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.

9.  Para pegarlo, buscamos en la barra de menú el
icono para incrustar código ”2.0” (Insertar código de web 2.0)
y hacemos clic
 En la ventana Insertar
texto HTML pegamos el
código previamente
copiado y presionamos
Insertar

10.  Notemos que ahora se ve una caja amarilla
con una letra “f” en el medio
(eso le indica a la plataforma que hay un objeto allí que requiere Flash para funcionar)
No olvidemos ir al pie de la página y
No
presionar ”Modificar” para guardar los
”
cambios

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

12. 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
(2.0) y presionamos insertar
• No olvidemos el clic en “Modificar”