Un moyen simple, à l'épreuve du temps et rétrocompatible de lire les fichiers audio mp3 sur place sur la page?

9

J'ai un site pour un musicien qui inclut de la musique au mp3format, mais ceux-ci sont lus via un fichier Flash ( xspfplayer ). Bien sûr, sans Flash, cela est inutile.

Existe-t-il un meilleur moyen à l'épreuve du temps et raisonnablement rétrocompatible d'inclure des extraits audio mp3 sur une page sans forcer les utilisateurs à utiliser Flash, sans les forcer à télécharger le mp3 d'abord ou à quitter la page entièrement?

audio sound artlung
la source

Réponses:

6

Une autre solution consiste à utiliser une bibliothèque JavaScript appelée Sound Manager . Par défaut, il incorpore un objet Flash invisible dans la page et l'utilise pour lire des fichiers audio (y compris des MP3). La dernière version inclut la possibilité d'utiliser la audiobalise HTML5 lorsqu'elle est disponible.

Vous pouvez ensuite écrire votre lecteur en HTML / CSS / JS et demander à Sound Manager de déterminer s'il faut utiliser Flash ou audiotag pour lire le fichier audio. De cette façon, votre lecteur fonctionnera dans IE6 et également sur iPhone / iPad.

jay_soo
la source
SoundManager a l'air plutôt bien! Et intègre en fait la réponse déjà acceptée de l'utilisation <audio>. Super trucs et bienvenue sur Pro Webmasters!
artlung
8

Votre meilleur pari est de continuer à utiliser le lecteur Flash et à utiliser la balise audio HTML5 , pour tous les navigateurs qui le prennent en charge. Finalement, tous les navigateurs prendront en charge HTML5 et vous pourrez tuer le lecteur audio flash.

Il y a un excellent document sur la balise audio HTML5 et comment l'utiliser ici, http://html5doctor.com/native-audio-in-the-browser/ . Il semble extrêmement facile à utiliser.

Il semble que Safari 4 et Chrome 3 prennent tous les deux en charge le tag ET le format mp3. Opera et FF 3.5 prennent en charge le format WAV.

Ben Hoffman
la source
2
De plus, Opera et FF prennent en charge ogg vorbis, ce qui est probablement un meilleur pari que MP3.
luiscubal
@luiscubal - C'est vrai. Si j'ai oublié de le mentionner. Merci!
Ben Hoffman
1
Si jQuery est votre truc, vous voudrez peut-être jeter un œil à jPlayer; il utilise HTML5 mais retombe sur Flash en cas de besoin: happyworm.com/jquery/jplayer
deizel
En fait, je voulais dire "meilleur pari que WAV", mais je suppose que cela pourrait également s'appliquer au MP3.
luiscubal
1

Je pense que cette solution correspond plus exactement à vos besoins:

Créez un fichier de liste de lecture M3U qui pointe vers l'URL du MP3, téléchargez le M3U sur votre serveur, puis créez un lien vers le fichier M3U sur votre page.

Lorsque le visiteur clique sur le lien vers le fichier M3U, le (petit) fichier M3U sera téléchargé et il aura la possibilité de l'ouvrir dans le lecteur multimédia de son choix (c'est-à-dire tout ce qui est déjà installé sur la machine - pas besoin pour Flash que ce soit).

Une fois ouvert, le MP3 commencera à diffuser.

danlefree
la source
C'est un type de fichier standard, mais ne pensera pas forcer l'ouverture dans un lecteur externe? Mon espoir était de garder l'utilisateur sur ma page et d'utiliser les ressources du navigateur existantes en tant que joueur. Cela ressemble au même problème avec simplement un lien vers un mp3, il prend parfois (souvent?) L'utilisateur hors du navigateur.
artlung
C'est vrai, l'action ouvrira le fichier M3U avec l'application préférée sur le système une fois qu'il a téléchargé - Je suis désolé si j'ai mal interprété votre exigence RE: quitter la page. La réponse acceptée à votre question reste le meilleur pari (et, à moins que les statistiques d'utilisateurs du site n'indiquent le contraire, je parierais que cela suffira aux besoins du site).
danlefree