Este documento explica cómo insertar un reproductor MP3 en una página web para reproducir archivos de audio subidos previamente. Se debe copiar la dirección del archivo de audio, pegarla dentro del código del reproductor MP3 y luego insertar este código en la página web mediante el editor HTML. Finalmente, se guardan los cambios para reproducir el audio.

1. Curso: Diseño de sitio web Reproductor MP3 Google

2. 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?

3. 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

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

8. Copiamos entonces el código resultante de la mezcla, que nos servirá para poner en marcha el sonido. <embed type=&quot;application/x-shockwave-flash&quot; src=&quot;http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=http://infd.e-ducativa.com/sitio/upload/Presentacion.mp3&quot; width=&quot;400&quot; height=&quot;27&quot; allowscriptaccess=&quot;never&quot; quality=&quot;best&quot; bgcolor=&quot;#ffffff&quot; wmode=&quot;window&quot; flashvars=&quot;playerMode=embedded&quot; /> 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 pegar, pero el que tiene la letra ” H ” (que indica H TML, 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

10. 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)

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