désynchronisation des annotations sur une appli avec vidéo

[afborneuf]

Les applications produites par une utilisatrice à partir de fichiers vidéo présentent un décalage temporel des éléments (notamment curseur) sur mac (avec Safari et Chrome). C'est correct avec Firefox.

• un exemple d'application : #yPx6 (le décalage se voit très facilement dès le début : la musique démarre, mais le curseur n'arrive que plus tard, inutile de savoir lire la musique pour le voir)
• l'environnement : elle ne me l'a pas spécifié. J'ai essayé sur mon mac au travail, je reproduis le problème sans difficulté avec OS X 10.9.5 et Safari 9.1.3 ou Chrome 67.0.3396.87. Je pense que c'est un environnement un peu daté, mais sur mon matériel à la maison, qui est beaucoup plus récent, le problème existe aussi. (quand je serai à la maison, je te donnerai les infos d'environnement).

[semiaddict]

Bonjour Anne-Florence, Il me semble qu'il s'agit simplement d'une mauvaise synchro du curseur avec le média par l'auteure (voir capture ci-jointe). Dans ce cas, il suffit de réduire le TCI du curseur, non ?

[semiaddict]

~~En fait j'ai l'impression que le souci est plutôt sous Firefox, car la forme d'onde n'est pas synchro avec la musique. J'ai le sentiment que la lecture du média dans Firefox est décalée.~~

Je pense que le fichier est corrompu, car en lisant le fichier directement dans Chrome et Firefox (https://metascore.philharmoniedeparis.fr/sites/default/files/uploads/guide/media/2-_et_in_terra.mp4), ce n'est pas la même image qui débute:

Sous Chrome:

Sous Firefox:

Il m'est difficile de savoir pourquoi, mais une simple reconversion avec ffmpeg (fichier ci-joint) semble résoudre le décalage entre Chrome et Firefox.

https://user-images.githubusercontent.com/522064/107986731-f76c1800-6fcc-11eb-9085-784ad2034320.mp4

[afborneuf]

Ah, justement, j'étais en train de me rendre compte du décalage d'image car d'un navigateur à l'autre, je croyais m'être trompée de guide ! Effectivement, maintenant tout est d'équerre entre Chrome, Firefox et Safari : j'ai dupliqué le guide, intégré la nouvelle vidéo, tout est désormais cohérent... par contre avec cette nouvelle vidéo, le guide reste entièrement à resynchroniser, parce que maintenant il n'est plus synchrone dans aucun navigateur... mais ça c'est une autre histoire !

Merci Oussama.

Est-ce qu'il s'agit d'un problème d'encodage ? Est-ce qu'il faut absolument mettre l'accent sur cet aspect là pendant les formations ?

[semiaddict]

par contre avec cette nouvelle vidéo, le guide reste entièrement à resynchroniser, parce que maintenant il n'est plus synchrone dans aucun navigateur... mais ça c'est une autre histoire !

Si on m'indique le nombre exact de secondes (ou centisecondes) du décalage je devrais pouvoir effectuer un changement sur l'ensemble des TCI et TCO avec un petit bout de code.

Est-ce qu'il s'agit d'un problème d'encodage ? Est-ce qu'il faut absolument mettre l'accent sur cet aspect là pendant les formations ?

Oui, je pense qu'il s'agit effectivement d'un problème d'encodage et de support sous Firefox. Il m'est en revanche difficile de savoir exactement ou se situe le problème.

Idéalement, nous devrions mettre en place un serveur qui ré-encoderait les médias, mais cela est trop compliqué à mettre en place. Nous pourrions cependant mettre une mini application à disposition des utilisateurs leur permettant de ré-encoder leurs fichiers avant de les uploader. Il s’agirait d'une application qui encapsulerait ffmpeg, à l'image de https://github.com/svg/svgo-gui qui encapsule l'outil svgo et permet un usage très simple en déposant un fichier directement sur l'application.

En attendant, je pense qu'il est effectivement important de mettre l'accent sur cet aspect pendant les formations, dans les tutos, et la FAQ.