Wenn der Browser MP3s abspielen kann, verwende ich das Audio-Tag, um eine Datei abzuspielen. Wenn nicht, muss ich einen Flash-Player laden.Gibt es eine Javascript-Möglichkeit, um zu prüfen, ob ein Browser MP3-Dateien unterstützt?
12
A
Antwort
17
var audio = document.createElement("audio"),
canPlayMP3 = (typeof audio.canPlayType === "function" &&
audio.canPlayType("audio/mpeg;codecs=mp3") !== "");
Edit:
Wenn Sie nicht wollen, JavaScript (ja verwenden , dies funktioniert in Browsern, die <audio>
aber nicht MP3 unterstützen), versuchen Sie dies:
<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>
Wenn Sie die automatische Wiedergabe wünschen, fügen Sie das Attribut autoplay
in das Audioelement ein.
4
Geben Sie einfach den Code ein, der den Flash-Sound-Player im Tag anzeigt.
Edit: Verwenden Sie die canPlayType Funktion: http://www.whatwg.org/specs/web-apps/current-work/multipage/media-elements.html#dom-navigator-canplaytype
Sie auch bei der Fehlerattribut aussehen: http://www.whatwg.org/specs/web-apps/current-work/multipage/media-elements.html#dom-media-error
Verwandte Themen
- 1. Prüfen, ob Browser HTML5 Timepicker unterstützt
- 2. Gibt es eine Rails-Funktion, um zu prüfen, ob eine partielle existiert?
- 3. Gibt es eine Möglichkeit zu bestimmen, ob Browser Telefonverbindungen
- 4. Gibt es eine MSbuild Aufgabe zu prüfen, ob ein String eine andere Zeichenfolge (ähnlich string.contains) enthält
- 5. Gibt es eine Möglichkeit zu prüfen, ob ein Cookie httponly ist in PHP
- 6. Gibt es eine Möglichkeit, ein IPhone zu "pingen", um zu sehen, ob es eingeschaltet ist?
- 7. prüfen, ob eine Zahl um 36
- 8. Javascript, um zu prüfen, ob ein Feld einen Wert hat
- 9. Erkennen, ob der Browser Position unterstützt:
- 10. Prüfen, ob eine Scheitelpunktliste ein Objekt enthält
- 11. Excel/VBA, um zu prüfen, ob eine Zeile existiert
- 12. fest, ob Browser integrierten Windows-Authentifizierung unterstützt
- 13. Wie überprüft man, ob ein Browser Shadow-DOM unterstützt
- 14. Funktion, um zu prüfen, ob eine Zeichenfolge Großbuchstaben enthält?
- 15. Gibt es einen Tumblr-Block, um zu prüfen, ob Posts wie HasPages vorhanden sind?
- 16. Prüfen, ob ein Moment eine Zeit enthält?
- 17. Wie kann ich prüfen, ob mein Browser HSL-Farben in Javascript unterstützt?
- 18. Gibt es eine Funktion, um zu überprüfen, ob ein Objekt ein eingebauter Datentyp ist?
- 19. Gibt es eine Methode, um zu wissen, ob ein Verzeichnis ein Unterverzeichnis enthält?
- 20. Rekursion zu prüfen, ob ein String eine andere Zeichenfolge entspricht
- 21. Gibt es zu prüfen, ob eine js-Variable eine d3-Auswahl ist?
- 22. Gibt es eine Funktion, um zu testen, ob eine String-Variable ein Zahlenwert ist?
- 23. Prüfen, ob ein Webservice existiert
- 24. Gibt es ein Framework für .NET, um Testdaten zu füllen?
- 25. Gibt es einen Weg zu prüfen, ob eine Observable heiß oder kalt ist?
- 26. Abfrage, um zu prüfen, ob viele-zu-viele-Beziehung existiert
- 27. Gibt es eine allgemeine Methode, um zu überprüfen, ob eine Property-Definition von einem Linq-Provider unterstützt wird, insbesondere OData?
- 28. Gibt es eine Möglichkeit festzustellen, ob ein Android-Telefon die Voicemail-Integration im Anrufprotokoll unterstützt?
- 29. Prüfen, ob ein Objekt ist
- 30. Gibt es eine Möglichkeit zu überprüfen, ob es symbolische Links gibt, die auf ein Verzeichnis verweisen?
du meinst so ? Das würde nicht funktionieren, weil Chrome (zum Beispiel) das Audio-Tag unterstützt, aber nicht MP3. – gargantuan
danke. Das führte mich zu dieser detaillierten Erklärung ... http://html5doctor.com/native-audio-in-the-browser/ – gargantuan