fichiers HTML5 audio ne parviennent pas à charger dans Safari

Question

[EDIT: en utilisant une page de test simplifié sans Javascript, etc.]

J'ai une page Web contenant quatre fichiers audio. Ces fichiers sont signifiés en HTML5 <audio> avec des fichiers .mp3, qui devraient être lus dans Safari. (Je n'ai eu aucun problème avec les fichiers .ogg dans Firefox et Chrome.)

Chaque fois que je recharge la page, entre un et trois des fichiers se chargent correctement, et le reste ne se charge pas - bien qu'ils ne portent pas t donner une erreur, et le message 'chargement' disparaît; c'est comme s'ils chargeaient avec une taille de 0B. Quels sont les fichiers qui fonctionnent et qui ne semblent pas complètement aléatoires: j'ai vu chacun d'entre eux charger et chacun d'eux échoue plus d'une fois.

Comment charger tous ces fichiers correctement?

Answer 1

J'avais un problème similaire avec les fichiers ne se charge pas et est venu avec cette solution. Il semble que HTML5 audio/vidéo peut "stagner", ce qui signifie que le chargement s'arrête. Heureusement, il y a un événement «décrochage» qui se déclenche lorsque cela se produit. Ce que j'ai fait était d'écouter cet événement et quand/si il se déclenche, essayez simplement de forcer le chargement de l'audio à nouveau.

Exemple avec jQuery:

// the event is 'onstalled' - 'stalled' in the jquery case 
    $("audio").bind("stalled", function() { 
     var audio = this; 
     audio.load(); 

     // Threw in these two lines for good measure. 
     audio.play(); 
     audio.pause(); 
    }); 

Answer 2

Vous cherchez à la source générée de votre page vous chargez comme première source d'un fichier ogg puis un fichier mp3 dans cet ordre exact

Mais, comme spécifié dans le fichier http://html5doctor.com/native-audio-in-the-browser/ sont dans l'ordre inverse, alors essayez de faire la même chose

sinon essayez de servir dans vos sources aussi un audio aac dans un conteneur m4a/mp4