Si le navigateur peut lire des fichiers MP3, je vais utiliser la balise audio pour lire un fichier. Sinon, je vais devoir charger dans un lecteur flash.Existe-t-il un moyen javascript de vérifier si un navigateur supporte nativement le format MP3?
12
A
Répondre
17
var audio = document.createElement("audio"),
canPlayMP3 = (typeof audio.canPlayType === "function" &&
audio.canPlayType("audio/mpeg;codecs=mp3") !== "");
Edit:
Si vous ne souhaitez pas utiliser JavaScript (oui , cela fonctionnera dans les navigateurs qui supportent <audio>
mais pas MP3), essayez ceci:
<audio controls="controls">
<source src="some-audio-file.mp3" type="audio/mpeg;codecs=mp3" />
<!-- if you have an Opus version, also include this:
<source src="some-audio-file.opus" type="audio/ogg;codecs=opus" />
-->
<!-- flash object goes here -->
</audio>
Si vous voulez une lecture automatique, incluez un attribut autoplay
sur l'élément audio.
4
Il suffit de mettre le code qui affiche le lecteur de son flash dans l'étiquette.
Edit: Utilisez la fonction canPlayType: http://www.whatwg.org/specs/web-apps/current-work/multipage/media-elements.html#dom-navigator-canplaytype
Vous pouvez également regarder l'attribut d'erreur: http://www.whatwg.org/specs/web-apps/current-work/multipage/media-elements.html#dom-media-error
Questions connexes
- 1. Plugin audio WordPress: Afficher le lien mp3 si le navigateur ne supporte pas Flash
- 2. Existe-t-il un moyen de vérifier si la barre d'outils Alexa est installée sur un navigateur?
- 3. calculer le volume moyen mp3
- 4. Vérifier les onglets du navigateur par JavaScript?
- 5. Vérifier si un objet a le focus
- 6. Vérifier le cache du navigateur pour un fichier js
- 7. Comment vérifier si JavaScript est activé dans le navigateur client en utilisant le code Java
- 8. Comment vérifier si un fichier existe en javascript?
- 9. comment vérifier si un fichier est sélectionné avec javascript?
- 10. vérifier si une chaîne est un double
- 11. Existe-t-il un moyen de "remplacer à chaud" le code JavaScript dans le navigateur?
- 12. Comment utiliser JQuery.support pour vérifier si le navigateur est Firefox?
- 13. Vérifier si un élément existe
- 14. Comment vérifier si un navigateur Web spécifique est installé sur le système?
- 15. vérifier si javascript est activé et afficher un message s'il n'utilise pas un contrôle personnalisé ASP
- 16. Dans groovy, existe-t-il un moyen de vérifier si un objet a une méthode donnée?
- 17. Quel format supporte le fichier audio avec une vidéo en cours de lecture?
- 18. est-il un moyen propre de jouer un son mp3 dans le cadre compact 3.5
- 19. Comment vérifier si un visiteur utilise la dernière version de son navigateur?
- 20. Javascript - vérifier si le prototype de méthode a été changé?
- 21. Comment vérifier si un pointeur est valide?
- 22. Vérifier si un cadre existe avec jQuery
- 23. comment vérifier si un fichier existe avant de le créer
- 24. en javascript comment puis-je détecter si un navigateur va afficher ou télécharger un pdf?
- 25. AS3: Vérifier si un dictionnaire est vide
- 26. Existe-t-il un moyen de détecter si Flash est au-dessus du navigateur?
- 27. Comment puis-je vérifier .htaccess si un nouveau fichier existe?
- 28. Comment lire un flux MP3 binaire avec jQuery/Javascript?
- 29. Quel est le moyen le plus simple de lire un MP3 dans WPF?
- 30. Vérifier si un répertoire existe sur un autre serveur ksh
vous voulez dire comme ceci ? Cela ne fonctionnerait pas car Chrome (par exemple) prend en charge la balise audio, mais pas MP3. – gargantuan
merci. cela m'a conduit à cette explication détaillée ... http://html5doctor.com/native-audio-in-the-browser/ – gargantuan