私はここ数週間、HTML5ビデオ/オーディオという地獄をいじっていました。通常、何かが失敗した理由はしばらくしてポップアップしましたが、クロムで転送と巻き戻しの問題が発生する理由を見つけることができませんでした。
とにかく...
ビデオまたはオーディオファイルが要求されると、ビデオまたはオーディオタグがextjsパネルにロードされます。ファイルはストリームとして送信され、IEおよびfirefox(応答ヘッダーに期間を追加した後)で正常に動作します) (それは現在取り組んでいます)。
chrome(これは私の問題であり、最新バージョンです))ビデオとオーディオは正常にロードされますが、巻き戻しまたは転送することはできません。ストリームの最後に到達するまで数秒です。オーディオも正常に再生されますが、複数回巻き戻し(または早送り)しようとすると、プログレスバーが壊れてオーディオの再生が停止します。
サーバーから何が送信されているのか完全にはわかりませんが、応答のデータが欠落していることが原因かどうかは疑問です。それ以外の場合は、修正に向けて私を指し示すものは何でも歓迎です。設定のほとんどすべてをカバーし、各ブラウザにソースタグがあることを確認したと思います。
編集:これは、いずれかのファイルのjavascriptによって生成されたコードです。
<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>
また、アプリケーションとは別にファイルを開いても、どのファイルも検索できないことがわかりました。
私は自分でもっと情報を見つけようとしましたが、これらはヘッダーchromeネットワークタブに表示されます:
リクエストURL:https:// localhost:8443/epaServer/epa/documents/496.ds_webm?sessionId = 5616fde4-50af-43d6-a57c-f06540b64fcb
リクエスト方法:GET
ステータスコード:200 OK
リクエストヘッダー
Accept:/Accept-Charset:ISO-8859-1、utf-8; q = 0.7、*; q = 0.3
Accept-Encoding:identity; q = 1、*; q = 0
Accept-Language:en-US、en; q = 0.8
接続:キープアライブ
Cookie:sessionId = 5616fde4-50af-43d6-a57c-f06540b64fcb
ホスト:localhost:8443
User-Agent:Mozilla/5.0(Windows NT 6.1; WOW64)AppleWebKit/535.19(KHTML、Geckoなど)Chrome/18.0.1025.168 Safari/535.19
クエリ文字列パラメータビューURLエンコード
sessionId:5616fde4-50af-43d6-a57c-f06540b64fcb
応答ヘッダー
Cache-Control:private
コンテンツ長:1588816
Content-Type:video/webm
日付:2012年5月14日月曜日14:23:02 GMT
有効期限:木、1970年1月1日01:00:00 CET
サーバー:Apache-Coyote/1.1
Xコンテンツ期間:17.31
>
この質問に取り組んでいない理由を見つけました:
現在、サーバーは部分的なコンテンツを理解していません。その結果、chromeは、応答されないコンテンツのリクエストを送信し、それにより、ビデオとオーディオがシーク不能(およびループ不可)になります。