¿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

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