Javascript Girl
  1. Javascript Girl
  3. Javascript audio onload
Intereting Posts
Différence entre le report (). Promesse et promesse ReactJS Workflow dans WebStorm Est-ce que «localStorage» de Firefox ne fonctionne que lorsque la page est en ligne? Comment masquer le code des cellules dans le portable ipython visualisé avec nbviewer? Angularjs force majuscule dans la zone de texte Comment trouver l'élément parent en utilisant javascript Comment puis-je générer une paire de clés avec Web Crypto et accéder à ses clés dans un Addo de Firefox? Activer et désactiver le bouton en utilisant javascript et asp.net Comment changer au hasard les images en ligne sur le chargement de la page et chaque rafraîchissement, en utilisant jquery? Comment supprimer un fichier chaque fois que l'utilisateur quitte la page? Impossible de conserver la valeur de la case à cocher en utilisant jquery.cookie Ajuster le texte dans l'élément SVG (en utilisant D3 / JS) Comment stocker un réseau php du côté client? Exporter JSON vers CSV ou Excel avec un codage UTF-8 (par exemple grec) en utilisant JavaScript Google Crawler ne comprendra pas les cartes propres. Comment résoudre les problèmes?

Javascript audio onload

J'ai fait un test audio javascript. Toute la fonction fonctionne dans Opera FF et Chrome, à l'exception de audio.oncanplaythrough, et audio.onended (cette fonction ne fonctionne pas sur Chrome). 

<!DOCTYPE html> <html> <body> <script> var audio = new Audio("http://www.w3schools.com/html5/song.ogg"); audio.oncanplaythrough = function(){ audio.play(); } audio.onended = function(){ alert('ended'); } </script> <a href="#" onclick="audio.play();">start</a><br/> <a href="#" onclick="audio.pause();">pause</a><br/> <a href="#" onclick="audio.volume=prompt('from 0 to 1',0.7)">volume</a><br/> <a href="#" onclick="audio.currentTime = 3;">jump</a><br/> </body> </html>

oncanplaythrough est un événement, pas une méthode, et l'autre événement est appelé ended et non onended .

Donc, vous devez écouter les événements et agir sur eux. Essayer: 

 audio.addEventListener('ended', function() { alert('ended'); }, false);

et 

 audio.addEventListener('canplaythrough', function() { audio.play(); }, false);

Ajouter et jouer un son via JavaScript 

 var audioElement = document.createElement('audio'); audioElement.setAttribute('src', 'loading.ogg'); audioElement.play();

Obtenez le chemin de fichier de la chanson et la durée 

 audioElement.src; audioElement.duration;

Chargez un son 

 var audioElement = document.createElement('audio'); audioElement.setAttribute('src', 'Mogwai2009-04-29_acidjack_t16.ogg'); audioElement.load() audioElement.addEventListener("load", function() { audioElement.play(); $(".duration span").html(audioElement.duration); $(".filename span").html(audioElement.src); }, true);

Arrêtez une chanson 

 audioElement.pause();

Changer de volume 

 audioElement.volume=0;

Jouez exactement à 35 secondes dans la chanson 

 audioElement.currentTime=35; audioElement.play();