2016-05-13 9 views
18

Ich habe HTML5 Audio-ElementFehler beim Laden, da keine unterstützte Quelle gefunden wurde. wenn HTML5 Audio-Element spielen

<audio src="/sounds/call.wav" id="audio1" repeated="0" repetitions="1" class="audio_sound"></audio> 

Wenn ich versuche element.play() seltsame Fehler wird in Chrome Web-Konsole aufrufen.

Nicht abgefangen (in Aussicht) DOMException: Fehler beim Laden, weil keine unterstützte Quelle gefunden wurde.

Ich habe keine Hinweise gefunden, warum dieser Fehler auftritt und wie es zu beheben ist.

+1

Dieser Fehler scheint mit einer neuen Funktion in Chrome in Verbindung zu stehen 50 https://developers.google.com/web/updates/2016/03/play-returns-promise?hl=de – CodeToad

+0

@CodeToad Sieht so aus ist der Fehler, den ich bekomme. Aber erscheint es? Ich kann den Grund nicht verstehen und heiß, um es zu vermeiden. –

+0

Ich muss noch eine Lösung für dieses Problem finden. Ich vermute, es könnte ein Chrom-Bug sein. Manipulieren Sie das Videoelement mit JavaScript, z. B. das src-Attribut nach dem Laden der Seite ändern? Ich vermute, dass dies der Grund sein könnte, warum der Fehler in meiner Anwendung auftritt. Ich werde auch versuchen, ein src-Tag innerhalb des Audio-Elements anstelle eines src-Attributs zu verwenden. Hast du das probiert? – CodeToad

Antwort

5

Dies kann oder kann nicht helfen, aber ich lief auf die gleiche Fehlermeldung für eine .mp3-Quelldatei. Ich hatte den Inhalt aktualisiert und das MP3 verfeinert, ohne zu bemerken, dass der Browser die Originalversion der mp3-Datei (oder zumindest einen Teil davon) zwischengespeichert hatte. Ich kann keine Informationen finden, um dies zu bestätigen, aber anekdotisch scheint es, dass ein Teil der Audiodatei zwischengespeichert wird und wenn der Browser versucht, den Rest der Datei abzurufen, kann er keine Datei abrufen (oder nicht) Voll funktionsfähige Version.

Ich würde versuchen, Ihre .wav-Datei in etwas umzubenennen, das Sie noch nicht benutzt haben, und sehen, ob es funktioniert.

+0

Scheint nicht zu funktionieren. Aber trotzdem danke für deine Antwort. –

+1

Vielen Dank für Ihre Antwort. Wenn Sie den Browser-Cache leeren, wird die Fehlermeldung für mich nicht mehr angezeigt. –