Problem mit Html5 Audio bei lokaler Nutzung mit Internet Explorer

jb2014 · 25. März 2014

Hallo,

ich möchte für ein lokales Projekt (Touchscreen in einer Ausstellung) das HTML5 Audio Element nutzen. Der Touchscreen läuft grundsätzlich offline. Ich muss den IE benutzen, da das Kiosksystem auf diesem aufsetzt.
mein Problem ist , das der Html5 Audioplayer zwar funktioniert wenn ich die Seite auf einen Webserver lade, allerdings lokal funktioniert er nur mit FF und grundsätzlich nicht mit IE (IE9 und 11 getestet).
Bin da schon am verzeifeln, da weder eine Änderung der Dateitypen (ich verwende eigentlich mp3) noch eine Pfadänderung zum Erfolg geführt hat:
Hier mein Testquelltext:

<!DOCTYPE html>
<html>
<head>
<title>TESTSEITE AUDIO</title>
</head>
<meta http-equiv-“X-UA-Compatible” content=”IE=edge”>
<audio controls>
<source src="1stele.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Und... wie schon gesagt:

FF: funktioniert lokal und auf server (online)
IE: funktioniert nur auf Server

Ich wäre Euch für Hilfe oder Tipps bei der Fehlersuche dankbar!

VG

The Scout · 25. März 2014

Hallo und willkommen im Forum!
1) Es gibt so eine tolle Zeile über dem Eingabetextfeld, da sind unten rechts so 5 dunkelgraue Buttons gruppiert.
Der zweite von rechts ist da übrigens für die Formatierung von HTML da
2) Hast du verschiedene wichtige Tags vergessen, hier mal eine von mir bereinigte Version:

HTML

<!DOCTYPE html>
<html lang="en"> <!-- oder "de", aber im Mom en, weil der Hint im Audio englisch ist, ein soll -->
  <head>
    <meta charset="utf-8" /> <!-- Pflicht -->
    <title>TESTSEITE AUDIO</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <!-- gehört AUCH in den head, zudem - gegen = getauscht, kann -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <!-- damit keine Fehler bei der Skalierung auftreten, kann -->
  </head>




  <body> <!-- muss, wurde vergessen -->
    <audio controls="controls">
      <source src="1stele.mp3" type="audio/mpeg">
      Your browser does not support the audio element.
    </audio>
  </body> <!-- muss, wurde vergessen -->
</html> <!-- muss, wurde vergessen -->

Alles anzeigen

So sollte es eigentlich laufen, wenn der Pfad zur Datei stimmt, im Moment müssen die HTML und die Audiodatei im selben Ordner liegen.
Ansonsten, Pfad prüfen; prüfen, ob wirklich MPEG innerhalb vom mp3 als Codec verwendet wurde.

jb2014 · 25. März 2014

Hallo,

Herzlichen Dank für die schnelle und hilfreiche Antwort. Und sorry das ich bewusst nur den aus meiner Sicht relevanten Ausschnitt als Beispielquelltext geliefert habe.
Entscheidend für die Problemlösung ist lokal offensichtlich alles was Du im Bereich head eingetragen hast. Das scheint beim IE lokal zwingend nötig zu sein. Dem Firefox ist das völlig egel ob das da steht oder nicht.
Warum das so ist weiß ich auch nicht. Aber dadurch ist zumindest mein Problem gelöst. Habs auch schon auf der Originalseite ausprobiert, also nochmal Danke!

wolf · 25. März 2014

In Html5 müssen die Angaben die nach Html 4.1 in den head-Tag gepackt werden müssen, nicht mehr unbedingt in den head-Tag sondern können auch woanders stehen (NICHT EMPFEHLENSWERT!).

FF versteht das und kanns anwenden
IE halt nicht (wie immer)

Meine Theorie

The Scout · 26. März 2014

WTF???
<title> direkt vor dem </body>??? Wie sieht das denn aus?

wolf · 26. März 2014

Man darf es, aber wie du schon sagst, es trägt der Übersicht und der Ordnung nicht gerade bei.

Problem mit Html5 Audio bei lokaler Nutzung mit Internet Explorer

Jetzt mitmachen!

Teilen