Je joue avec l'enfer qu'est la vidéo/audio HTML5 depuis quelques semaines maintenant. Habituellement, la raison pour laquelle quelque chose a échoué est apparue après un certain temps, mais je n'ai pas réussi à trouver pourquoi je rencontre des problèmes de transfert et de rembobinage dans Chrome.
De toute façon...
La balise vidéo ou audio est en cours de chargement dans un panneau extjs lorsqu'un fichier vidéo ou audio est demandé. Les fichiers sont envoyés sous forme de flux et fonctionnent correctement dans IE et firefox (après avoir ajouté la durée à l'en-tête de réponse) Il y a un problème avec safari, mais c'est apparemment le fait que tout le site fonctionne en HTTPS (qui est en cours d'élaboration en ce moment).
Dans chrome (qui est mon problème et qui est à la dernière version), la vidéo et l'audio se chargent très bien, mais je ne peux pas rembobiner ou avancer. Lorsque vous essayez de rechercher des vidéos, allez-y quelques secondes jusqu'à ce qu'il atteigne la fin du flux.l'audio joue également très bien, mais essayer de rembobiner (ou avancer) plusieurs fois brise simplement la barre de progression et arrête la lecture de l'audio.
Je ne suis pas entièrement sûr de ce qui est envoyé depuis le serveur, mais je me demande si cela pourrait être dû à des données manquantes dans la réponse. Si ce n'est pas que quelque chose d'autre pour me diriger vers un correctif est tout aussi bienvenu. Je pense que j'ai couvert à peu près toute la configuration et je me suis assuré qu'il y a une balise source pour chaque navigateur.
edit: c'est le code généré par le javascript pour l'un des fichiers:
<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>
J'ai également constaté que je ne peux rechercher aucun des fichiers même si je les ouvre séparément de l'application.
J'ai essayé de trouver plus d'informations par moi-même ce sont les en-têtes chrome montre dans l'onglet réseau:
URL de demande: https: // localhost: 8443/epaServer/epa/documents/496.ds_webm? SessionId = 5616fde4-50af-43d6-a57c-f06540b64fcb
Méthode de demande: GET
Code d'état: 200 OK
En-têtes de demande
Accepter: / Accept-Charset: ISO-8859-1, utf-8; q = 0,7, *; q = 0,3
Accept-Encoding: identité; q = 1, *; q = 0
Accept-Language: en-US, en; q = 0.8
Connexion: garder en vie
Cookie: sessionId = 5616fde4-50af-43d6-a57c-f06540b64fcb
Hôte: localhost: 8443
User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/535.19 (KHTML, comme Gecko) Chrome/18.0.1025.168 Safari/535.19
Paramètres de chaîne de requêteVoir l'URL encodée
sessionId: 5616fde4-50af-43d6-a57c-f06540b64fcb
En-têtes de réponse
Cache-Control: privé
Longueur du contenu: 1588816
Type de contenu: vidéo/webm
Date: lun.14 mai 2012 14:23:02 GMT
Expire: jeu, 01 janv 1970 01:00:00 CET
Serveur: Apache-Coyote/1.1
X-Content-Duration: 17,31
>
J'ai trouvé la raison pour laquelle cela ne fonctionne pas sur cette question:
Notre serveur ne comprend pas le contenu partiel pour le moment. En conséquence chrome envoie des demandes de contenu qui ne reçoivent pas de réponse, ce qui rend nos vidéos et notre audio invraisemblables (et non bouclables).