Semplice modo a prova di futuro, retrocompatibile per riprodurre file mp3 audio sul posto nella pagina?

9

Ho un sito per un musicista che include musica in mp3formato, ma questi vengono riprodotti attraverso un file Flash ( xspfplayer ). Naturalmente, senza Flash questo è inutile.

Esiste un modo migliore a prova di futuro e ragionevolmente retrocompatibile per includere frammenti audio mp3 in una pagina senza forzare gli utenti a utilizzare Flash e anche non forzarli a scaricare prima l'mp3 o a lasciare completamente la pagina?

audio sound

— artlung
fonte

6

Un'altra soluzione è utilizzare una libreria JavaScript chiamata Sound Manager . Per impostazione predefinita, incorpora un oggetto Flash invisibile nella pagina e lo utilizza per riprodurre file audio (inclusi MP3). La versione più recente include la possibilità di utilizzare il audiotag HTML5 quando disponibile.

Puoi quindi scrivere il tuo lettore in HTML / CSS / JS e fare in modo che Sound Manager capisca se usare Flash o audiotag per riprodurre il file audio. In questo modo il tuo lettore funzionerà in IE6 e anche su iPhone / iPad.

— jay_soo
fonte

SoundManager sembra abbastanza buono! E in realtà incorpora la risposta già accettata dell'utilizzo <audio>. Grandi cose e benvenuti su Pro Webmaster!

— artlung,

8

La soluzione migliore è continuare a utilizzare Flash Player e utilizzare il tag audio HTML5 , per tutti i browser che lo supportano. Alla fine, tutti i browser supporteranno HTML5 e sarai in grado di uccidere il lettore audio flash.

C'è un ottimo documento sul tag audio HTML5 e su come usarlo qui, http://html5doctor.com/native-audio-in-the-browser/ . Sembra essere estremamente facile da usare.

Sembra che Safari 4 e Chrome 3 supportino entrambi il tag E il formato mp3. Opera e FF 3.5 supportano il formato WAV.

— Ben Hoffman
fonte

2

Inoltre, Opera e FF supportano ogg vorbis, che è probabilmente una scommessa migliore rispetto a MP3.

— luiscubal,

@luiscubal - Questo è vero. Se ho dimenticato di menzionarlo. Grazie!

— Ben Hoffman,

1

Se jQuery è la tua passione, potresti dare un'occhiata a jPlayer; utilizza HTML5 ma ricade su Flash quando necessario: happyworm.com/jquery/jplayer

— deizel

In realtà intendevo "scommessa migliore di WAV", ma immagino che potrebbe valere anche per MP3.

— luiscubal,

1

Credo che questa soluzione soddisfi le tue esigenze in modo più preciso:

Crea un file di playlist M3U che punta all'URL dell'MP3, carica M3U sul tuo server, quindi crea un collegamento al file M3U sulla tua pagina.

Quando il visitatore fa clic sul collegamento al file M3U, il (piccolo) file M3U verrà scaricato e avrà la possibilità di aprirlo nel lettore multimediale di sua scelta (ovvero qualsiasi cosa sia già installata sulla macchina - non è necessario per Flash di sorta).

Una volta aperto, l'MP3 inizierà lo streaming.

— danlefree
fonte

È un tipo di file standard, ma non pensi che l'apertura forzata in un player esterno? La mia speranza era di mantenere l'utente sulla mia pagina e di utilizzare le risorse del browser esistenti come lettore. Sembra lo stesso problema con il semplice collegamento a un mp3, a volte (spesso?) Porta l'utente fuori dal browser.

— artlung,

È vero, l'azione aprirà il file M3U con l'applicazione preferita sul sistema una volta scaricato - Mi dispiace se ho frainteso il tuo requisito RE: lasciare la pagina. La risposta accettata per la tua domanda rimane la scommessa migliore (e, a meno che le statistiche degli utenti del sito non indichino diversamente, scommetterei che sarà sufficiente alle esigenze del sito).

— danlefree