Jeu HTML5 Audio de façon dynamique Sur la Page de Chargement

Je sais que je peux utiliser le texte suivant dans le corps de la lecture automatique du son au chargement de la page si incorporé dans le corps, mais je veux essayer ce, de façon dynamique.

Ce que je veux dire par dynamiquement est de trouver le fichier audio, et de jouer onload à l'aide de JavaScript ou JQuery.

Peut aider quelqu'un?

<audio preload="auto" tabindex="0" autoplay="true" loop="true">
    <source src="shorttones.mp3" type="audio/mpeg" />
    <source src="shorttones.ogg" type="audio/ogg" />
    Your browser does not support the audio element.
</audio>

J'ai essayé cela ne fonctionne pas.

<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="js/buzz.js" type="text/javascript"></script>
<script type="text/javascript">
if (!buzz.isSupported()) {
    alert("Your browser does not support the audio element, ogg, or mp3.");
    return;
}

buzz.defaults.formats = [ 'ogg', 'mp3' ];
buzz.defaults.preload = 'metadata';

var mySound = new buzz.sound( "sounds/highpitchsound");

mySound.play();
mySound.loop();
</script>
</head>
</html>
  • tu veux dire quoi par "dynamique"? Définir et faire jouer l'audio sans HTML? Définir le code HTML, mais ensuite jouer avec le JavaScript?
  • Ce que je veux dire par dynamiquement est de trouver le fichier audio, et de jouer onload à l'aide de JavaScript ou JQuery.
  • vous pourriez avoir besoin de mettre le buzz.js code à l'intérieur d'un gestionnaire d'événement pour quand la fenêtre est fait de chargement: fenêtre.la méthode addEventListener('load', function(){ ... }, true);
InformationsquelleAutor Michael Schwartz | 2012-08-15
  1. 3

    Si tu veux jouer sans le jeu automatique, ce serait une approche:

    <html><body onload="playSound();">
<audio id="noise"></audio>
</body>
<script>
function playSound(){
    var snd=document.getElementById('noise');
    canPlayMP3 = (typeof snd.canPlayType === "function" && snd.canPlayType("audio/mpeg") !== "");
    snd.src=canPlayMP3?'shorttones.mp3':'shorttones.ogg';
    snd.load();
    snd.play();
}
</script></html>
    • Je suis en train de le faire à l'aide de JavaScript/JQuery seul. J'ai essayé buzz.js de l'autre réponse, mais ayant encore des problèmes.
    • le ci-dessus n'utilise pas de buzz. avez-vous essayé? le canPlayMP3 est juste un test pour déterminer quel fichier il doit fournir, si c'est la partie qui vous préoccupe.
    InformationsquelleAutor Robot Woods
  2. 0

    Vous voudrez peut-être jeter un oeil à buzz.js: http://buzz.jaysalvat.com/

    if (!buzz.isSupported()) {
    alert("Your browser does not support the audio element, ogg, or mp3.");
    return;
}

var sound = new buzz.sound( "shorttones", {
    formats: [ "ogg", "mp3" ]
});

sound.play();
    InformationsquelleAutor kindohm