Reproductores+de+audio+flash

toc

Reproductores de audio flash
5. Reproductores de audio flash Presentación En las siguientes páginas se explica cómo insertar un reproductor flash MP3 como los que se muestran en una página web.

Introducción
5.1. Introducción Introducción Ha llegado el momento de colocar nuestro primer reproductor flash MP3 en el blog o página web. Se trata de ser capaces de colocar el reproductor para que "lea" el archivo de audio que deseamos. Un ejemplo: 

En este caso hemos utilizado el reproductor flash **[| dewplayer]** y utilizado un pequeño archivo MP3 de 215Kb. En general, la manera de insertar este tipo de reproductores suele atenerse al siguiente **procedimiento**:  **1**. Se sube a un sitio de Internet el reproductor flash (que suele ocupar muy poco: entre 3Kb y 25Kb) y se guarda la dirección en la que está alojado (normalmente una dirección del tipo: "**[|//http://sitio de internet/directorio/subdirectorio/nombredelreproductor.sw//f]**"). Hay que guardar bien esta dirección pues será la misma que utilizaremos para todos los archivos MP3 que queramos reproducir con este lector.  **2**. Se sube a un servidor de Internet el archivo MP3 de audio y se copia su dirección ( o se copia la de uno que ya esté alojado en un servidor en Internet y nos interese reproducir), lo que dará una dirección del tipo: "**[|//http://sitio internet/directorio/subdirectorio/nombredelarchivo.//mp3]**".  **3**. Se introducen ambas direcciones en el [|código HTML] propio del reproductor.  **4**. Se copia este código (Ctrl+C o botón derecho "Copiar") y se pega (Ctrl+V o botón derecho "Pegar") en el blog o página de Internet correspondiente.

Dewplayer
5.2. Dewplayer Dewplayer Tras conocer la manera general de colocar un reproductor flash en un blog o página web, veamos ahora, de manera concreta, cómo hacerlo con el reproductor **[|Dewplayer]** que hemos utilizado en la página anterior:  **1** . Descargamos el reproductor "//dewplayer.swf//" en un archivo de nuestro ordenador pulsando con el botón derecho **[|aquí]** (//"**Guardar destino como...**" en Internet Explorer, "**Guardar enlace como...**" en Firefox, "**Guardar objetivo como...**" en Opera, "**Download linked file as...**" en Safari inglés, etc.//). **2** . Subimos a un servidor de Internet este archivo (ver explicación anterior) y guardamos  <span style="font-family: verdana,geneva;"> cuidadosamente su dirección de Internet que será algo así como: "//[]//" <span style="font-family: verdana,geneva;">**3.**  <span style="font-family: verdana,geneva;">Subimos a un servidor de Internet el archivo MP3 que queremos que lea el reproductor (ver explicación anterior) o copiamos la dirección de uno que ya está en la red. Guardamos su dirección <span style="font-family: verdana,geneva;"> <span style="font-family: verdana,geneva;">. <span style="font-family: verdana,geneva;">** 4. ** <span style="font-family: verdana,geneva;">El código que tenemos que copiar (Ctrl+C) y pegar (Ctrl+V) luego en el blog es el siguiente: <span style="background-color: rgb(239, 255, 217); font-size: 85%;"><object width="200" height="20" type="application/x-shockwave-flash" data="<span style="color: rgb(255, 0, 0);">**http://www.ruta_del_reproductor.swf** ? son=**<span style="color: rgb(255, 0, 0);">http://ruta_del_archivo_.mp3 **"> <param name="movie" value="<span style="color: rgb(255, 0, 0);">**http://www.** <span style="color: rgb(255, 0, 0);">**ruta_del_reproductor.swf** ? son=**<span style="color: rgb(255, 0, 0);">http://ruta_del_archivo_.mp3 **"/> <span style="font-family: verdana,geneva;">La parte del código que está en ** rojo ** es la que tendremos que cambiar (¡atención! en __dos sitios__ ) con nuestras propias direcciones de Internet correspondientes a la dirección de nuestro reproductor y de nuestro archivo MP3 de audio (puntos 2 y 3).
 * Generador automático de código para el reproductor Dewplayer:**

<span style="font-family: verdana,geneva;"> **//Es muy importante no cometer errores en este proceso pues cualquier modificación o error en el código (dirección incorrecta, falta de algún símbolo, etc.) provocará que nuestro lector no funcione.//** ** <span style="font-family: verdana,geneva;"> //<span style="font-family: verdana,geneva;">¡Cuidado! Ciertos sitios que gestionan blogs gratuitos de usuarios ([|Wordpress.com], por ejemplo) no autorizan el uso de un código HTLM que incluya etiquetas como las de este código con lo que no puede utilizarse esta técnica para insertar un reproductor de audio. Aconsejamos utilizar otros sitios de gestor de blogs como [|Blogger]. //** <span style="font-family: verdana,geneva;"> <span style="font-family: verdana,geneva;"> <span style="font-family: verdana,geneva;"> **//Para copiar (Ctrl+C) pegar (Ctrl+V) y manipular el código HTLM o las direcciones de Internet es mejor utilizar el Bloc de Notas del sistema (para acceder al Bloc de notas ir a Inicio > Todos los programas > Accesorios > Bloc de Notas) pues no añade ningún código extraño al mismo. Si utilizamos un programa de tratamiento de textos del tipo Word para copiar y manipular estos códigos, corremos el riesgo de que el código no funcione pues habrá añadido elementos extraños .//** **<span style="font-family: verdana,geneva;">//Generar un código HTMl para el reproductor Dewplayer utilizando nuestras propias direcciones de Internet y usando para ello el Bloc de notas del sistema operativo.// ** <span style="font-family: verdana,geneva;">

Komcitiz
5.3. Komcitiz Komcitiz Existen decenas de reproductores flash en Internet que funcionan de una manera semejante al Dewplayer que acabamos de describir en la página anterior. Un caso ligeramente distinto es el reproductor **[|Komcitiz]** ya que, en este caso, no tenemos que subir a Internet el reproductor pues utilizamos el propio reproductor del sitio. Además en Komcitiz, nos basta con pegar la dirección del archivo MP3 que queremos que lea y, el propio sitio, nos genera el código que luego pegaremos en el blog. Un ejemplo: Veamos su funcionamiento concreto en este tutorial: [|**Tutorial para insertar en el blog un reproductor de audio komcitiz**] **1** . Vamos al sitio **[|Komcitiz]**. Y en la casilla "//Adresse Internet du fichier mp3//" pegamos la dirección de nuestro archivo de audio:

**2** . Pinchamos sobre la pestaña "//Balise//" y, automáticamente se genera un código HTML. Pulsamos sobre el botón "//Tout séléctionner//". Copiamos (Ctrl+C o botón derecho "Guardar") y lo pegamos (Ctrl+V o botón derecho "Pegar") en el blog.

En Komcitiz podemos añadir otros parámetros a nuestro lector marcando las casillas de la primera pestaña "//Parametrage//" : Leer continuamente el archivo ("//Lire le son en boucl//e"). Que se lea el nombre del archivo al reproducirse ("//Voir le nom du fichier//"). Que arranque automáticamente al cargar la página ("//Démarrage automatique du son au chargement de la page//"). Cambiar el color del fondo ("//Couleur du fond//") utilizando el código de colores hexadecimal. O probar si funciona nuestro reproductor pulsando sobre el botón "//Test de la balise//" en la primera pestaña. Además del reproductor simple que acabamos de ver, en el **[| sitio de Komcitiz]** existe la posibilidad de configurar un reproductor con múltiples archivos MP3. El funcionamiento es muy simple: **2** . En la casilla "//Adresse//", pegamos la dirección del primer archivo MP3 que queremos reproducir. En la casilla "//Titre//" escribimos el título del archivo que queremos que aparezca en el reproductor. Pulsamos sobre el botón "//Ajouter//". La dirección de Internet del archivo MP3 que hemos añadido aparece resaltada en verde en la casilla "//List//e". **3** . Realizamos la misma operación con el resto de los archivos MP3 que queremos reproducir. **4** . Cuando hemos terminado de añadir archivos de audio a la lista, pulsamos sobre el botón "//Balise//" y como en el caso del reproductor simple. Aparece un código HTLM. Pulsamos sobre el botón "//Tout séléctionner//" y copiamos el código (Ctrl+C). Este código es el que pegaremos (Ctrl+V) posteriormente en nuestro blog. Resultado:
 * Komcitiz reproductor múltiple: **
 * 1 **. Vamos al sitio de configuración pinchando  **[|aquí]**.

**// Generar un código de inserción del reproductor komcitiz. //** //**Se pueden ver más reproductores flash para insertar en el blog en el sitio: [| Roamultimedia]. Ejemplo:**//

Reproductores externos
5.4. Reproductores externos Reproductores externos <span style="font-family: verdana,geneva;">Además de los reproductores flash que se han explicado en las páginas anteriores, existen muchos sitios en Internet en los que los usuarios, tras inscribirse, pueden subir archivos de audio y el propio sitio genera el código que deberá incrustar en su blog para poder reproducirlo posteriormente. Es decir, un funcionamiento similar a los sitios de almacenamiento y difusión de vídeos como **[|Youtube]**. <span style="font-family: verdana,geneva;">Uno de esos sitios puede ser **[|divShare]** que, además, permite subir a su servidor todo tipo de archivos <span style="font-family: verdana,geneva;">. el procedimiento en todos estos sitios suele ser el siguiente: <span style="font-family: verdana,geneva;">El usuario se da de alta en el sitio (Sing-up) mediante un proceso en el que tiene que dar una dirección de correo <span style="font-family: verdana,geneva;">. Una vez dado de alta, se tiene acceso a los servicios del sitio (subir archivos, compartirlos, códigos HTML para incrustar un archivo de audio o de vídeo que se ha subido, etc.) <span style="font-family: verdana,geneva;">Un ejemplo de un archivo subido a divShare: <span style="font-family: verdana,geneva;"> <span style="font-family: verdana,geneva;">**Ventajas:** <span style="font-family: verdana,geneva;">1. No hay que preocuparse por el sitio para almacenar los archivos. 2. El propio sitio facilita el código de inserción del reproductor (proceso muy simple: copiar el código y pegarlo en el blog) <span style="font-family: verdana,geneva;">**Inconvenientes:** <span style="font-family: verdana,geneva;">1. El usuario no tiene un control total sobre el archivo que ha subido pues, si el servidor deja de funcionar, dejará de acceder a su archivo. 2. No se puede configurar con un reproductor propio como Dewplayer o Komcitiz los archivos de audio que se han subido. 3. El servicio incluye enlaces al propio sitio para animar a otros usuarios a inscribirse. <span style="font-family: verdana,geneva;">Otros sitios similares: <span style="font-family: verdana,geneva;"> **[|GoEar] **(sitio de archivos de música)

<span style="font-family: verdana,geneva;">**[|BooMP3]** <span style="font-family: verdana,geneva;"> <span style="font-family: verdana,geneva;"> **[| Jamglue] <span style="font-family: Tahoma,sans-serif;"> ** **[|Deux dialogues]** <span style="font-family: verdana,geneva;"> <span style="font-family: Tahoma,sans-serif;"> <span style="font-family: verdana,geneva;"> //**Los archivos de audio y vídeo subidos a DivShare sólo se pueden reproducir con el lector de audio-vídeo propio del sitio y no con reproductores como los que acabamos de analizar en anteriores páginas.**// <span style="font-family: verdana,geneva;"> //**<span style="font-family: verdana,geneva;"> Algunos de los sitios que se incluyen en esta página pueden dejar de funcionar en cualquier momento y / o tener problemas de acceso. **// <span style="font-family: verdana,geneva;">  //**<span style="font-family: verdana,geneva;"> DivShare admite también subir archivos sin registrarse, pero, en este caso, el control sobre el archivo es aún menor. **//

Insertar el reproductor en el blog
5.5. Insertar el reproductor en el blog **1** .Abrimos el editor de Blogger. Copiamos (Ctrl+C o botón derecho "Copiar") y pegamos (Ctrt+V o botón derecho "Pegar") en el blog el código HTML generado por Komcitiz o el que hayamos generado usando Dewplayer ( **1** ), teniendo cuidado de que la pestaña ("edición de HTML") esté pulsada (** 2 **). **2** . Tras pulsar sobre "Vista previa" podemos comporbar cómo funciona nuestro reproductor: **3** . Y el resultado en el blog, tras su publicación ("Publicar entrada"), será algo así: <span style="font-family: verdana,geneva;"> <span style="font-family: verdana,geneva;"> <span style="font-family: verdana,geneva;">**//Tal como se ha señalado anteriormente, existen gestores de blogs como [|Wordpress.com] que no admiten la inserción de etiquetas HTML que contengan//** <span style="font-family: verdana,geneva;"> **//la etiqueta [embed]//**  //**muy habitual en los códigos de inserción de lectores de audio flash.**// **//<span style="font-family: verdana,geneva;"> Si, tras pegar nuestro código del reproductor, pulsamos sobre la pestaña "Redactar" no veremos el reproductor en la zona de texto. Sólo podemos comprobar si el lector funciona y se ve, pinchando sobre el enlace "Vista previa" //**