html5 audio ne joue pas dans chrome

J'ai une question très simple site web avec html5 vidéo et un audio html5 qui est déclenché sur et en dehors avec deux simples boutons. l'audio tout fonctionne merveilleusement bien dans Safari, mais ne fonctionne pas sur Chrome.

mon site est www.rossfraser.co (qui ne l'est pas .com)

mon code pour l'audio est ceci:

<div align="center">
<audio>
  <source src="audio/site-jingle.mp3" type="audio/mpeg">
</audio>
</div>

<audio id="player" src="audio/site-jingle.mp3" type="audio/mpeg" loop></audio>
<div style="text-align:center">
    <button onclick="document.getElementById('player').play()">JINGLE</button>
    <button onclick="document.getElementById('player').pause()">NO JINGLE</button>
</div>

Toute aide serait GRANDEMENT appréciée. Merci!

Cela fonctionne pour moi sur chrome: jsFiddle. Vous pouvez vérifier pour voir si le fichier mp3 de charge, en regardant dans la partie réseau les outils du développeur
rossfraser.co/audio/site-jingle.mp3 est un fichier vide. 0:00.
Cette question semble être hors-sujet, car il semble être sur un fichier manquant.
que des liens joue pour moi.
Ce qui est étrange, c'est que le lien joue pour moi aussi. Mais quand je navigue à partir de la RLF page (OP page) dans les outils de développement, il a un 0:00 longueur et de ne pas jouer.

OriginalL'auteur user2636480 | 2013-09-19

  1. 4

    Je pense avoir la solution. MP3 192kbps ne fonctionne pas.

    MP3 128 fonctionne très bien!!!

    OriginalL'auteur hectormr85

  2. 3

    D'abord voir: Si il n'y a pas de script java conflits.
    Dans mon cas jquery.mini.js a été contradictoires.

    La meilleure prise en charge du navigateur a fonctionné pour moi a été buzz.js:

    <script src="buzz.js"></script>
<script>
var sound;
$(function() {
sound = new buzz.sound( "media/yourfilename", {
    formats: ['ogg', 'mp3']
}).setVolume(100).play();

$('#pause').click(function() {
    sound.pause();
});
$('#play').click(function() {
    sound.play();
    });
});    
</script>

    Pour les boutons utiliser ceci:

    <button id="pause">Pause</button>
<button id="play">Play</button>

    ou

    <audio controls id="a1" preload="auto" autoplay  src="media/page1"></audio>

    OriginalL'auteur Astro

  3. 2

    Je pense que Google Chrome a quelque chose contre les traits de soulignement. Prendre le souligne dans mon fichier de musique à résolu le problème dans sa globalité

    Tout d'abord, j'ai 2 audio HTML5 joueurs que je voulais sur ma page web pour les 2 chansons. Une chanson de fichier avait des traits de soulignement et un morceau de fichier n'a pas.

    Ma première étape a été de prendre hectorme85 les conseils, et de changer mon .mp3 et .ogg débits pour 128kpbs. Eu le même problème, sauf que pour la chanson avec le souligne. À ce moment, le trait de soulignement solution n'a pas l'aube sur moi encore. Puis mon deuxième étape a été de changer l'ordre de la .ogg et .mp3, de décisions .ogg venir en premier. Encore, l'a souligné la chanson n'a pas de travail et de la chanson sans le souligne travaillé.

    Enfin, j'ai regardé les différences avec les deux chansons très soigneusement dans mon balisage. C'est quand il m'a frappé. "J'ai peut-être besoin de supprimer le soulignement pour le fichier du morceau." J'ai donc fait, et BAM.. Mon audio fonctionne pour moi sur Chrome.

    OriginalL'auteur Nova Pixels Designs

  4. 0

    J'ai eu le même problème sur Ubuntu 12.04 (ne pourrais pas essayer sur mac/win)

    J'ai régler le problème par la commutation en ogg, il fonctionne parfaitement sur firefox et chrome.

    J'ai essayé de jouer des mp3 avec des débits différents, mono-stéréo, les options de qualité, mais pas de chance 🙁

    à mon avis le problème est causé par codec questions. pour moi, il explique aussi pourquoi firefox a été insistant sur le fait de ne pas utiliser mp3.

    OriginalL'auteur hevi