¿Una manera simple, a prueba de futuro y compatible con versiones anteriores para reproducir archivos de audio mp3 en el lugar en la página?

9

Tengo un sitio para un músico que incluye música en mp3formato, pero estos se reproducen a través de un archivo Flash ( xspfplayer ). Por supuesto, sin Flash esto es inútil.

¿Existe una mejor manera a prueba de futuro y razonablemente compatible con versiones anteriores para incluir fragmentos de audio mp3 en una página sin obligar a los usuarios a usar Flash, y tampoco obligarlos a descargar el mp3 primero o abandonar la página por completo?

audio sound artlung
fuente

Respuestas:

6

Otra solución es usar una biblioteca de JavaScript llamada Sound Manager . Por defecto, incrusta un objeto Flash invisible en la página y lo usa para reproducir archivos de audio (incluidos MP3). La versión más nueva incluye la capacidad de usar la audioetiqueta HTML5 cuando esté disponible.

Luego puede escribir su reproductor en HTML / CSS / JS, y hacer que Sound Manager decida si usar Flash o audioetiquetar para reproducir el archivo de audio. De esta manera, su reproductor funcionará en IE6 y también en el iPhone / iPad.

jay_soo
fuente
SoundManager se ve muy bien! Y en realidad incorpora la respuesta ya aceptada de usar <audio>. ¡Grandes cosas y bienvenidos a Pro Webmasters!
artlung
8

Su mejor opción es seguir usando Flash Player y usar la etiqueta de audio HTML5 para cualquier navegador que lo admita. Eventualmente, todos los navegadores serán compatibles con HTML5 y podrá eliminar el reproductor de audio flash.

Hay un gran documento sobre la etiqueta de audio HTML5 y cómo usarlo aquí, http://html5doctor.com/native-audio-in-the-browser/ . Parece ser extremadamente fácil de usar.

Parece que Safari 4 y Chrome 3 admiten la etiqueta Y el formato mp3. Opera y FF 3.5 admiten el formato WAV.

Ben Hoffman
fuente
2
Además, Opera y FF admiten ogg vorbis, que probablemente sea una mejor apuesta que MP3.
luiscubal
@luiscubal: eso es cierto. Si olvidó mencionar eso. ¡Gracias!
Ben Hoffman
1
Si jQuery es lo tuyo, es posible que desees echar un vistazo a jPlayer; usa HTML5 pero recurre a Flash cuando es necesario: happyworm.com/jquery/jplayer
deizel
En realidad quise decir "mejor apuesta que WAV", pero supongo que también podría aplicarse a MP3.
luiscubal
1

Creo que esta solución coincide con sus requisitos más exactamente:

Cree un archivo de lista de reproducción M3U que apunte a la URL del MP3, cargue el M3U en su servidor y luego cree un enlace al archivo M3U en su página.

Cuando el visitante hace clic en el enlace al archivo M3U, el (pequeño) archivo M3U se descargará y tendrá la opción de abrirlo en el reproductor multimedia de su elección (es decir, lo que sea que ya esté instalado en la máquina; no es necesario para Flash en absoluto).

Una vez abierto, el MP3 comenzará a transmitirse.

danlefree
fuente
Es un tipo de archivo estándar, pero ¿no pensará forzar la apertura en un reproductor externo? Mi esperanza era mantener al usuario en mi página y usar los recursos existentes del navegador como jugador. Esto suena como el mismo problema con solo vincular a un mp3, a veces (¿a menudo?) Saca al usuario del navegador.
artlung
Es cierto, la acción abrirá el archivo M3U con la aplicación preferida en el sistema una vez que se haya descargado. Lamento haber malinterpretado su requisito RE: salir de la página. La respuesta aceptada para su pregunta sigue siendo la mejor apuesta (y, a menos que las estadísticas de usuario del sitio indiquen lo contrario, apostaría que será suficiente para las necesidades del sitio).
danlefree