José Mª Campo Delgado

Le profesor de FLE  y los archivos de audio

Los reproductores de audio

Los diferentes métodos

Códigos "embed"

Reproductores flash MP3

Saber más

Tarde o temprano el profesor de FLE al que le interesan las nuevas tecnologías  y el uso de Internet en sus diferentes actividades de clase se tiene que enfrentar a téminos como : AAC, MP3, MP3 Pro, Ogg Vorbis, WMA, RAM….  Igual que Monsieur Jourdain, uno puede preguntarse  si esas palabras raras son "prosa"  o se trata de un vocabulario cabalístico al que únicamente acceden los iniciados. Pues bien, simplemente se trata de diferentes tipos de extensiones de archivos de audio comprimido que se usan en Internet. Puesto que los documentos de audio ocupan un lugar muy importante en nuestros métodos, está claro que el profesor que desee implicarse en este tema tendrá al menos que aprender algunos rudimentos sobre los diferentes tipos de archivos de audio. En mi opinión,  la manera más fácil de empezar a abordar el problema es, en primer lugar, echar una ojeda  a la enciclopedia Wikipedia y más concretamente al artículo que da la lista de estas extensiones de audio y poder así familiarizarse con ellas.

Es cierto que, en la era del todo digital, no es fácil decidirse por una u otra de estas normas y por el reproductor de audio más adaptado a nuestras necesidades. Estoy seguro de que la mayoría de nosotros ha tenido ya le experiencia frustrante de haber intentado escuchar un documento de audio en una página web y, por culpa de un error de lectura o de la falta de la correspondiente extensión ( "plug-in" ) que nos suena a chino, tener que salir de ella sin haber podido escuchar nada.

Es verdad que la inserción de un documento de audio en una página web puede plantear multitud de problemas a los neófitos como nosotros pues, en la mayoría de los casos, ignoramos de qué manera ese documento que escuchamos sin problema alguno en nuestro ordenador va a ser "leido" posteriormenete por el visitante de nuestra página web o de nuestra bitácora.

Para concretar un poco más, debemos saber que existen varias maneras de escuchar  los archivos de audio en Internet. Estos métodos se diferencian porque usan:

• 1) Una aplicación del reproductor multimedia  instalado por defecto en el ordenador del visitante (Windows Media Player, iTunes - QuickTime, RealMedia, WinAmp etc...) que va a abrirse en una nueva ventana.

• 2) Una extensión (plug-in) multimedia del navegador que va a mostrar (o no) un panel de control (play, avance rápido, stop, etc.) en la página web y que, por tanto estará "insertada" en la misma.

Está claro que, para el profesor de FLE, la segunda posibilidad es mucho más interesante que la primera ya que permite, por ejemplo, escuchar y ver o manipular en la misma página un texto o ejercicio y el reproductor de audio.

Aquí se puede ver, por ejemplo, un reproductor Flash integrado en la página que reproduce un pequeño extracto de audio de Arte radio.com  sobre la jornada de Ricardo, un niño francés de 11 años. Podéis pinchar sobre  y escuchar después el documento sin tener necesidad de salir de esta página:

Se trata en este caso de un reproductor Flash ideado por Dew  y que será objeto de un análisis  más preciso en este mismo artículo un poco más adelante. 

En las siguientes líneas voy a intentar explicar de la manera más fácil que me sea posible cómo insertar nuestros documentos de audio en las páginas web o en nuestra bitácora. Está claro que si estamos un poco familiarizados con la sintaxis htlm que se utiliza en la mayoría de las páginas web y en las bitácoras, la explicación podrá ser comprendida mucho más fácilmente. De todos modos, espero que estas pistas que doy aquí puedan ser de ayuda a otros colegas y que los archivos de audio ( y por qué no los archivos de vídeo) sean cada vez más numerosos en nuestros sitios de FLE.

Aunque existen docenas de reproductores de audio /multimedia, cuando uno navega por Internet, en la mayoría de los navegadores hay, al menos, (y, por favor, no quiero polémica sobre este asunto), uno de estos tres tipos de reproductores de audio integrado que va a leer los distintos formatos de audio específicos de Internet como, por ejemplo, el streaming. El orden el que doy la lista es completamente arbitrario y no tiene ninguna relación con la importancia que le doy al reproductor correspondiente :

Windows Média (wma, wmv)

Real Player (rm ou ram)

Quicktime (mov)

(entre paréntesis el formato de audio o vídeo exclusivo del reproductor)

Como acabo de señalar, normalmente uno de estos tres reproductotres de audio ha sido definido por defecto para leer los archivos de audio de una manera "integrada" ("embed")  en el navegador que se está utilizando en Internet. Es decir, que si se ha insertado correctamente en la página web un archivo de audio, el reproductor del usuario va a arrancarse atomáticamente cuando se cargue la página. Es imposible saber cual será el el reproductor de audio que será utilizado. Sabemos sin embargo (y, por favor, no quiero tampoco polémica sobre este asunto) que, a pesar de todo,  el SO (sistema operativo) más extendido es el de Windows en sus diferentes versiones (98SE, 2000, XP, etc). Es evidente también que, según las últimas estadísticas de uso, el navegador más utilizado es todavía IE6.0 (Internet Explorer 6.0) y eso a pesar del formidable éxito en los últimos meses de Firefox.  Teniendo en cuenta esto, es muy probable que nuestro archivo de audio sea reproducido con Windows Media Player  pues este reproductor, hasta ahora, está integrado por defecto en IE6.0. Sin embargo hay que considerar que un importante porcentaje de usuarios escucharán nuestro archivo con un reproductor del tipo QuickTime, RealPlayer u otro.

Es importante sin embargo subrayar algo que va a simplificar enormemente las cosas: los tres reproductores citados son capaces de reproducir archivos MP3.  Esto quiere decir que, si queremos estar seguros de una escucha correcta de nuestro archivo de audio en prácticamente todos los reproductores integrados en los nevagadores, es mejor utilizar el formato MP3 para nuestros archivos de audio. Este artículo no se ocupa de los distintos programas que son capaces de transferir el audio al formato MP3. Parto del supuesto de que ya disponemos de nuestros archivos de audio  en este formato y que los hemos colocado bien en un sitio en Internet del que conocemos perfectamnete la ruta de acceso o bien en nuestro ordenador (un consejo: preferentemente en el mismo directorio que contiene nuestro archivo htlm de página web). Aunque, en este último caso, será imposible escucharlo en Internet.

Esta ruta de acceso al archivo (en este caso , por ejemplo,  http://perso.wanadoo.es/grupoleonardo/mp3/vacances/lamer.mp3 es la ruta de un pequeño extracto de « La Mer » de Charles Trenet) es muy importante pues deberemos posteriormente copiarla, y colocarla en el script (orden) que utilizaremos para integrar nuestro reproductor en la página web.

Los diferentes métodos

En cada uno de los métodos que se indican a continuación, tenéis que insertar el código htlm en vuestro artículo de la bitácora o página web. Para ello, en la mayoría de los sitios que albergan blogs, existe una pestaña u opción « HTML » o « Edit HTLM » (aquí se trata del de Blogger) que debéis abrir. Tendréis luego que subrayar, copiar (Ctrl + C) y pegar (Ctrl + V) el código que os interesa después de modificar, según las instrucciones correspondientes, los parámetros necesarios (¡cuidado sobre todo con la ruta de vuestro archivo de audio!)
 

Si se trata de colocar el código en vuestra página web, el método más fácil es editar la página con un programa del tipo FrontPage,  y luego pinchar sobre la pestaña « code » ou « htlm » y colocarlos luego en el lugar de la página que nos interesa (pero siempre entre les balizas <body> y </body> ).

•  A) Enlace directo

Es quizás el método más fácil. Basta con insertar un enlace a vuestro archivo de audio, por ejemplo utilizando este código:

Resultado:

• D) Método del reproductor flash  para archivos MP3

Es, sin duda alguna, el método más interesante y universal (98 % de los SO disponen del plugin flash correspondiente). La utilización de Flash permite evitar los problemas habituales de compatibilidad debidos al navegador o al sistema operatvo del visitante. Teniendo en cuenta las carcaterísticas particulares de este método, será objeto de la última parte de este artículo.

Códigos "Embed" para los tres reproductores:

De los tres primeros métodos que acabo de citar y a pesar de algunos inconvenientes,  creo que podemos utilizar preferentemente el de la baliza <embed> pues es más simple (no ocupa normalmente más de una línea) y más universal: no es obligatorio (aunque se puede) definir como en el método con "object", un script específico para determinar el reproductor de audio. También he podido constatar que da buenos resultados con casi todos los navegadores. Si bien es verdad que esta baliza <embed>  tal como se describe aquí, no admite una validadción xhtml  y que, en este caso, habría también que integrarla (combinarla) dentro de una baliza <object>. A pesar de todo, y por una simple cuestión de simplificación y de eficacia, voy a dar aquí el script más simple y , por tanto, más fácil de modificar o de  manipular.

A continuación se indica el código concreto para cada uno de los tres lectores de audio más populares en Internet.  Se os decidís por el uso se este método para vuestra bitácora o página web, tenéis que modificar en el script todo lo que está en rojo (ruta del archivo de audio, por ejemplo), luego selecionarlo, copiarlo y pegarlo en el lugar conveniente de vuestra bitácora o página web (¡cuidado! en este último caso deberéis colocarlo entre las balizas body> et </body>):

Windows Media Player

Este reproductor acepta diferentes tipos de archivos multimedia: .wmv, .wma (exlusivos de ete reproductor), .avi, .mpg , .mp3 et .mp4. También está presente en la prática totalidad de los SO (Sistemas operativos)  de Windows en su última serie versión XP. Para utilizarlo es necesario, por supuesto que el usuario posea Windows Media Player con los "codecs" correspondientes. Entre las balizas <body> y </body> de nuestro código HTLM  en el lugar que nos interesa de la página web se debe copiar y pegar este código:
 

Si queremos que el reproductor no comience automáticamente a reproducir el archivo de audio en cuanto lo descargue en la página web, deberemos añadir autostart="false" al nuestro código:
 

Esto será lo que aparezca:

Real Player Media

Este reproductor es capaz de leer varios tipos de archivos de audio: .rm et .ram (exclusivos de este reproductor) .mp3, etc. También es muy usado en las páginas web que utilizan el flujo de datos de audio en tiempo real (streaming). Como en el caso del reproductor Media Player, es necesario que esté presente en el SO y que haya sido definido como reproductor por defecto del navegador. Este es el script adaptado a este tipo de reproductor:

Como en el caso del reproductor Windows Media Player, si queremos que el lector no comience automáticamente a reproducir el archivo de audio en cuanto lo descargue en la página web, deberemos añadir autostart="false" al nuestro código:

Esto será lo que aparezca:

QuickTime

Explicación:

El nombre del archivo ("ruta de vuestro.mp3 ") debe , naturalmente ser adaptado. El tamaño del espacio reservado al sonido (WIDTH="160" HEIGHT="16") está aquí calaculado para hacer aparecer el controlador del reproductor. Se puede,por supuesto, modificar el tamaño de estos parámetros para hacer aparecer, por ejemplo, un reproductor más "largo".

CONTROLLER="true" o "false" determina si el panel de control aparece o no..
LOOP="false" o "true" determina si el sonido es reproducido o no en bucle.
AUTOPLAY="true" o "false"determina si el sonido arranca o no automáticamente cuando se carga la página
PLUGINSPAGE="http://www.quicktime.com" describe dónde se debe ir a buscar la extensión (plugin) en el sitio Internet si no se dispone de ella. Esto será lo que aparezca:

¡cuidado ! esto es sólo una imagen y por tanto no reproduce nada! 

 

 

Un reproductor flash MP3 para nuestra página web

Antes de empezar a explicar cómo integrar un  reproductor flash en un página web para que pueda leer nuestros archivos mp3 de audio, sería interesante responder a una pregunta que es muy sencilla para los que navegan de una manera habitual por Internet pero que no lo es para los principiantes en este terrero: ¿Qué es flash? ¡Muy buena pregunta! Para responderla copio la excelente explicación del webmaster del sitio Sequane sobre este asunto:

"Flash es una extensión (plug-in) y no un reproductor multimedia como QuickTime o el reproductor Windows Media. Sin embargo, la extensión Flash está disponible en numerosas plataformas, y es, sin duda, el reproductor más extendido en la Web. El reproductor Flash lee los archivos que se llaman "animaciones"  pero que son, en realidad, pequeños programas que pueden contener audio o video, animación y controles interactivos. Flash es un verdadera herramienta de programación y puede ser utilizado para crear un reproductor multimedia.


Lo que es más importante, Flash es capaz de leer el formato mp3 original. Esto significa que es fácil leer un archivo mp3 con Flash y mp3 es el formato de compresión  de audio más extendido en la Web. No es el mejor (OGG es mejor en lo que se refiere a compresión y calidad además de un "open-source" (código abierto) pero no está tan aceptado) pero es sin embargo muy bueno y todo el mundo conoce este formato."
 

De esta forma nuestra curiosidad de neófitos se ve cumplida. Puede que sin embargo exista una segunda (tercera...) pregunta del tipo: ¿Cómo lee Flash un archivo MP3? Aquí, en lugar de utilizar la sabiduría de nuestro webmaster, creo que una demostración es más eficaz que cien explicaciones. En la primera parte de este artículo, ya mostré un ejemplo de utilización de un lector flash. Como no cuesta nada, aquí va otra:
 

 

Si pulsáis sobre podréis oír una pequeña presentación de mi bitácora en Internet FLE d'Artifice, realizada con una voz sintética.

¿Cómo funciona? Primero he grabado en un servidor web el archivo mp3, y luego he utilizado el reproductor flash de Dew de la siguiente manera:

1) Descargad el archivo .swf (flash) de Dew aquí: dewplayer.swf (clic derecho +"grabar como" o "guardar destino como" ...).
2) Guardad vuestro reproductor dewplayer en vuestro ordenador o en un sitio web (si queréis luego utilizarlo en Internet) y copiad la ruta en la que se encuentra.
3) Copiad y pegad en vuestra página web o en vuestra bitácora (ver las instrucciones anteriores) el código HTLM de abajo modificando por supuesto (en rojo) la ruta en la que se encuentra vuestro archivo de audio mp3 y (en verde) vuestro  archivo .swf que habéis guardo anteriormente:

<object type="application/x-shockwave-flash"
data="ruta_de_vuestro_ archivo_dewplayer.swf?son=vuestro_sonido.mp3"
width="200" height="20"> <param name="movie" value="ruta_de_vuestro_ archivo_dewplayer.swf.swf?son=vuestro_sonido.mp3"/> </object>