Seit ein paar Wochen beschäftige ich mich mit HTML5-Video / Audio. Normalerweise tauchte nach einer Weile der Grund für einen Fehler auf, aber ich konnte bisher nicht herausfinden, warum ich Probleme beim Weiterleiten und Zurückspulen in Chrome habe.

Jedenfalls...

Das Video- oder Audio-Tag wird in ein extjs-Bedienfeld geladen, wenn eine Video- oder Audiodatei angefordert wird. Die Dateien werden als Streams gesendet und funktionieren in IE und Firefox einwandfrei (nachdem der Antwortheader um die Dauer verlängert wurde). Es gibt ein Problem mit Safari, aber anscheinend liegt es daran, dass die gesamte Site in HTTPS ausgeführt wird (daran wird gerade gearbeitet).

In Chrome (das ist mein Problem und ist die neueste Version) werden Video und Audio einwandfrei geladen, aber ich kann nicht vor- oder zurückspulen. Wenn Sie versuchen, Videos zu suchen, gehen Sie einfach einige Sekunden vor, bis das Ende des Streams erreicht ist. Das Audio wird ebenfalls einwandfrei wiedergegeben, aber der Versuch, mehrere Male zurückzuspulen (oder vorzuspulen), unterbricht einfach den Fortschrittsbalken und stoppt die Audiowiedergabe.

Ich bin nicht ganz sicher, was vom Server gesendet wird, aber ich frage mich, ob dies möglicherweise auf fehlende Daten in der Antwort zurückzuführen ist. Wenn es nicht so ist, ist alles andere, was mich auf eine Lösung hinweist, genauso willkommen. Ich denke, ich habe so ziemlich das gesamte Setup abgedeckt und ich habe dafür gesorgt, dass es für jeden Browser ein Quell-Tag gibt.

bearbeiten: Dies ist der Code, der vom Javascript für eine der folgenden Dateien generiert wird:

<video width="1889" height="2" preload="auto" autoplay="1" controls="1" id="videoPlayer" style="width: 1889px; height: 233px; ">
<source src="http://localhost:8080/epaServer/epa/documents/496.ds_webm?sessionId=5616fde4-50af-43d6-a57c-f06540b64fcb" type="video/webm">
<source src="http://localhost:8080/epaServer/epa/documents/496.ds_mp4?sessionId=5616fde4-50af-43d6-a57c-f06540b64fcb" type="video/mp4">
<div>Your browser doesn't support html5 video. <a>Upgrade Chrome</a></div>
</video>

Ich habe auch festgestellt, dass ich keine der Dateien suchen kann, auch wenn ich sie separat von der Anwendung öffne.

Ich habe versucht, mehr Informationen selbst zu finden. Dies sind die Header, die in Chrome auf der Registerkarte "Netzwerk" angezeigt werden:

URL anfordern: https: // localhost: 8443 / epaServer / epa / documents / 496.ds_webm? SessionId = 5616fde4-50af-43d6-a57c-f06540b64fcb

Anforderungsmethode: GET

Statuscode: 200 OK

Header anfordern

Akzeptieren:/ Accept-Charset: ISO-8859-1, utf-8; q = 0,7, *; q = 0,3

Accept-Encoding: Identität; q = 1, *; q = 0

Annahmesprache: en-US, en; q = 0,8

Verbindung: Keep-Alive

Cookie: sessionId = 5616fde4-50af-43d6-a57c-f06540b64fcb

Gastgeber: localhost: 8443

User-Agent: Mozilla / 5.0 (Windows NT 6.1; WOW64) AppleWebKit / 535.19 (KHTML, wie Gecko) Chrome / 18.0.1025.168 Safari / 535.19

Abfragezeichenfolge Parameteransicht URL codiert

sessionId: 5616fde4-50af-43d6-a57c-f06540b64fcb

Antwort-Header

Cache-Kontrolle: privat

Inhaltslänge: 1588816

Inhaltstyp: Video / Webm

Datum: Montag, 14. Mai 2012, 14:23:02 Uhr GMT

Gültig bis: Do, 01. Januar 1970, 01:00:00 Uhr MEZ

Server: Apache-Coyote / 1.1

X-Content-Duration: 17,31

>