Comment obtenir des fichiers mp3 à jouer dans le navigateur Web Safari iPhone?

Question

Comment puis-je lire un fichier audio MP3 dans iPhone Safari (OS 3.1)?

Actuellement, je génère du code HTML, par ex.

<a href="file.mp3"><img src="sound.png" alt="Play audio"/></a> 

pour lire le fichier en cliquant sur l'image imbriquée. Cela fonctionne sur Safari sous OSX, mais pas sur l'iPhone. Là, le contenu du fichier est affiché en tant que texte, mais il ne semble pas être un problème de type mime lorsqu'il est vérifié avec Live HTTP Headers à partir de Firefox.

J'ai trouvé des approches référencées here. Ceux-ci nécessitent que le paramètre Safari Plugins soit sur dans les préférences, c'est pourquoi cela ne fonctionnait pas auparavant pour moi.

Answer 1

J'imagine que votre meilleur pari est d'invoquer un objet quicktime dans votre page Web. Pour jouer des fichiers mp3, votre meilleur pari est de servir un Winamp .pls style playlist with mimetype audio/x-scpls qui sert de panneau aux fichiers mp3. Créez un objet quicktime incorporé autour d'elle. Essayez les docs pour quicktime:

http://www.apple.com/quicktime/tutorials/embed.html

Answer 2

Si vous parvenez à le faire fonctionner, il va jouer dans l'application QuickTime (plein écran).

L'API HTML5 son est pas disponible dans l'iPhone OS actuel (3.XX), mais dans OS 4.XX il sera disponible (au moins la lecture vidéo sans lancer le lecteur plein écran)

Answer 3

Utilisez le Balise audio HTML5 avec un mp3 dedans. http://www.w3schools.com/tags/tag_audio.asp

Answer 4

Hey ce simple tag html5 fera l'affaire

<audio src="someUrlToContent" controls="controls"> </audio>

ce que cela fait sur l'iPhone est faire apparaître un bouton de lecture que lorsque poussé ira à quicktime. sur l'iPad, une commande de lecture frottant viendra avec un bouton play/pause. sur les deux, le contrôle de lecture sera de taille à la div ils sont

Answer 5

Comme le souligne jottos, iPhone 3.x ne supporte pas l'audio HTML5. Si vous voulez de l'audio dans les premières versions de l'iPhone OS, vous devez utiliser le code spécifique Quicktime. Cet exemple intègre réellement une liste de lecture entière (pas seulement une seule chanson). Si vous voulez une seule chanson, laissez tomber les paramètres qtnext:

<embed 
    src="riding-with-the-king.jpg" 
    href="songs/01-riding-with-the-king.mp3" 
    artworkdata="riding-with-the-king.jpg" 
    type="audio/x-mp3" 
    target="myself" 
    scale="1" 
    controller="false" 
    loop="false" 
    autoplay="false" 
    allowembedtagoverrides="true" 
    height="500" 
    width="500" 
    qtnext1="<songs/02 Ten Long Years.mp3> T<myself> E<controller=true autoplay=true loop=false>" 
    qtnext2="<songs/03 Key to the Highway.mp3> T<myself>" 
    qtnext3="<songs/04 Marry You.mp3> T<myself>" 
    qtnext4="<songs/05 Three O'Clock Blues.mp3> T<myself>" 
    qtnext5="<songs/06 Help the Poor.mp3> T<myself>" 
    qtnext6="<songs/07 I Wanna Be.mp3> T<myself>" 
    qtnext7="<songs/08 Worried Life Blues.mp3> T<myself>" 
    qtnext8="<songs/09 Days of Old.mp3> T<myself>" 
    qtnext9="<songs/10 When My Heart Beats Like a Hammer.mp3> T<myself>" 
    qtnext10="<songs/11 Hold on I'm Coming.mp3> T<myself>" 
    qtnext11="<songs/12 Come Rain or Come Shine.mp3> T<myself>" 
> 

Answer 6

J'ai eu des problèmes avec mp3 sur mon système de développement local (Linux/apache2). J'étais seulement Apple pour jouer des fichiers .OGG à la fois dans Firefox (8) et Chrome (15) à partir du système de fichiers local. Si j'ai utilisé la balise audio pour lier un fichier .MP3 ou .OGG distant, cela fonctionnerait bien? Je ne sais pas pourquoi c'est le cas et puisque la plupart de mes fichiers musicaux locaux sont en format MP3, il m'a fallu un certain temps pour comprendre que c'était le format de fichier qui posait problème.