Jeśli przeglądarka może odtwarzać pliki MP3, użyję znacznika audio do odtworzenia pliku. Jeśli nie, będę musiał załadować flash player.Czy istnieje javascriptowy sposób sprawdzenia, czy przeglądarka obsługuje natywnie pliki MP3?
12
A
Odpowiedz
17
var audio = document.createElement("audio"),
canPlayMP3 = (typeof audio.canPlayType === "function" &&
audio.canPlayType("audio/mpeg;codecs=mp3") !== "");
Edit:
Jeśli nie chcesz używać JavaScript (tak , będzie działać w przeglądarkach obsługujących <audio>
, ale nie w formacie MP3), spróbuj tego:
<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>
Jeśli chcesz korzystać z automatycznego odtwarzania, umieść na elemencie audio atrybut autoplay
.
4
Wystarczy umieścić kod, który wyświetla odtwarzacz dźwięku flash w tagu.
Edycja: Użyj funkcji canPlayType: http://www.whatwg.org/specs/web-apps/current-work/multipage/media-elements.html#dom-navigator-canplaytype
Można też zajrzeć na atrybucie błędzie: http://www.whatwg.org/specs/web-apps/current-work/multipage/media-elements.html#dom-media-error
Powiązane problemy
- 1. czy przeglądarka internetowa obsługuje e.preventDefault
- 2. Czy przeglądarka iPad obsługuje jQuery?
- 3. Czy przeglądarka Wii obsługuje WebSockets?
- 4. Czy istnieje lepszy sposób sprawdzenia, czy plik jest zapisywany?
- 5. Java - Najszybszy sposób sprawdzenia, czy URL istnieje
- 6. pytoniczny sposób sprawdzenia, czy coś istnieje?
- 7. W jaki sposób GitHub wykrywa, czy przeglądarka obsługuje kolory emoji?
- 8. Czy istnieje sposób sprawdzenia, czy urządzenie z Androidem obsługuje OpenGL ES 2.0?
- 9. Sprawdź, czy przeglądarka obsługuje timepicker HTML5
- 10. Czy JavaScript może wykryć, czy przeglądarka użytkownika obsługuje gzip?
- 11. Jak sprawdzić, czy przeglądarka obsługuje cień DOM
- 12. Wykryj, czy przeglądarka mobilna obsługuje przepełnienie: przewiń
- 13. Czy istnieje sposób sprawdzenia, czy wybór HTML jest obecnie otwarty?
- 14. Czy istnieje sposób sprawdzenia, czy próbka została skonfigurowana dla członka?
- 15. Czy istnieje sposób sprawdzenia, czy ReactElement renderuje wartość "null"?
- 16. Czy istnieje sposób sprawdzenia, czy operacja OpenGL została zakończona?
- 17. Czy istnieje sposób sprawdzenia, czy komponent reagowania nie jest podłączony?
- 18. Czy istnieje sposób sprawdzenia, czy element zakończył przejście CSS3?
- 19. Czy istnieje sposób sprawdzenia, czy zdefiniowano funkcję VBScript?
- 20. Czy istnieje sposób sprawdzenia, czy odebrano transmisje LocalBroadcastManager?
- 21. Czy istnieje sposób sprawdzenia, czy alarm jest już ustawiony?
- 22. Czy istnieje sposób sprawdzenia, czy dwa elementy DOM są równe?
- 23. Czy istnieje sposób sprawdzenia, czy wymuszono tryb ścisły?
- 24. Czy istnieje sposób sprawdzenia, czy zmienna jest zdefiniowana w Javie?
- 25. Jak wykryć, czy przeglądarka obsługuje zdarzenia mouseover?
- 26. Jak wykryć, czy przeglądarka obsługuje MJPEG?
- 27. Czy mogę obsługiwać pliki MP3 w PHP?
- 28. Czy istnieje sposób sprawdzenia, ile procesora zużywa procesor na rdzeń?
- 29. Czy LINQ natywnie obsługuje dzielenie kolekcji na dwie części?
- 30. Czy istnieje sposób sprawdzenia, czy istnieje wiele powiązań istnieje w Rails 3.1?
masz na myśli tak: ? To nie zadziała, ponieważ Chrome (na przykład) obsługuje tag audio, ale nie MP3. – gargantuan
dzięki. to doprowadziło mnie do tego szczegółowego wyjaśnienia ... http://html5doctor.com/native-audio-in-the-browser/ – gargantuan