Discussion :

[TarteAuCitron]

Bonjour à tous,

Je suis en train de développer une application HTML5 dans laquelle j'utilise la possibilité d'utiliser la webcam en HTML5/JS.

Pour les besoins de mon application, l'utilisateur doit pouvoir appliquer un effet de temporisation sur la webcam. Par exemple, une temporisation de 5 secondes, c'est à dire que l'application affiche l'enregistrement de la webcam avec 5 secondes de décalage.

J'ai cherché au niveau des librairies JS/JQuery, mais aucune de celles que j'ai vu ne propose ce genre de fonctions.

En connaîtriez vous une ?

Sinon j'avais bien une idée, avec deux fichiers videos :

Enregistrer 5 secondes, puis les diffuser pendant que les 5 secondes suivantes sont enregistrées, puis lire le nouveau fichier enregistré et écrasé l'ancien avec 5 nouvelles secondes de vidéo ... Mais je pense que c'est assez lourd comme solution.

Merci d'avance de votre aide !

[SylvainPV]

Bonjour,

Généralement, on affiche l'image de la webcam via un tag canvas après avoir récupéré les données sous la forme d'un tableau de bytes. Donc tu pourrais faire la même chose en ajoutant un timeout de 5 secondes entre la partie réception des données média et la partie affichage sur le canvas.

Après un timeout par frame n'est sans doute pas l'idéal côté performances. Si tu veux travailler l'optimisation, il faudrait creuser du côté des tableaux typés.

[TarteAuCitron]

Bonjour Sylvain,

Merci de votre réponse, je vais me pencher sur cette solution et vous tiendrais au courant.