Generar el código para incrustar

En este paso vamos a utilizar un asistente para generar el código HTML necesario para incrustar (embed) el reproductor en nuestro artículo del blog.

  • Descarga y descomprime el archivo configuradorPixelOut.zip. Obtendrás la carpeta configuradorPixelOut. Utiliza el explorador de archivos para entrar dentro de esta carpeta y hacer doble clic sobre el archivo index.html. Los archivos de este asistente se utilizarán en tu equipo y no es necesario subirlos a Google Sites.

Se abrirá el navegador web mostrando esta página web. Lo más importante en este interfaz es introducir la URL del reproductor player.swf y la URL del audio MP3 que se pretende reproducir con él.

  • Regresa a la página de Google Sites y haz clic derecho sobre el enlace correspondiente al reproductor player.swf y elige la opción Copiar la ruta del enlace.

  • Sitúate en el Generador de código para PixelOut y haz clic derecho sobre el cuadro de texto URL del reproductor y elige la opción Pegar. Esta acción pegará la ruta absoluta al reproductor player.swf que hemos alojado en nuestra cuenta de Google Sites.
  • Regresa a la página de Google Sites y haz clic derecho sobre el enlace correspondiente al audio danzahungara.mp3 y elige la opción Copiar la ruta del enlace.
  • Sitúate en el Generador de código de PixelOut y haz clic derecho sobre el cuadro de texto URL del audio MP3 y elige la opción Pegar. Esta acción pegará la ruta absoluta al audio danzahungara.mp3 que hemos alojado en nuestra cuenta de Google Sites.

  • En las URLs de reproductor y MP3 elimina la coletilla ?attdirects=0. Aunque funcionaría igual conviene simplificar el código todo lo posible.
  • Utilizando el interfaz del Generador de código de Pixelout también puedes definir el resto de parámetros de funcionamiento y visualización que tendrá el reproductor. Más adelante se explican con más detalle. En este caso se propone aceptar los valores por defecto. Haz clic en el botón Crear código.

  • Conserva abierta esta página para regresar a ella y copiar/pegar el código HTML creado sobre un artículo de tu blog.