Discussion :

[NoobX]

Bonjour,

Je désire mettre en place une page web (html5) qui permet aux visiteurs d'enregistrer une vidéo via leurs smartphones puis de l'envoyer sur le serveur php.
Il ne s’agit pas d'un chat mais simplement de s'enregistrer et d'envoyer le résultat.

J'aimerais pouvoir définir la résolution, le nombre d'images et la durée maximum de l'enregistrement pour l'essentiel.

Il faut que cela puisse fonctionner sur Android et IOS.

Pour le moment j'ai trouvé :

• GetUserMedia
• WebRTC
• MediaStream Recording

Comme c'est la première fois que je me lance dans cette partie du dev web je suis un peu complètement perdu.

Toutes vos idées sont les bienvenues.

Merci

[LearningBoy]

Bonjour @NoobX,

HTML propose un type de champ input permettant de capturer une vidéo depuis une page web mobile. Voici un exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<input type="file" accept="video/*" capture>

Ensuite tu peux envoyer les données de ce formulaire au serveur comme n'importe quel autre formulaire. Cela dépend de la technologie que tu utilises : XHR, ajax, promesses...

J'espère que cela t'as aidé a voir un peu plus clair.

[NoobX]

Merci LearningBoy,

Je connaissais déjà l’existence de cette balise, mais son utilisation reste limité notamment pour les restrictions.

Je continue mes investigations.

[LearningBoy]

Dommage...

PS : N'hésite pas nous tenir au courant de tes investigations.

[NoobX]

Pour le moment c'est pas beaucoup plus simple j'ai trouvé plusieurs libraires telle que :

https://github.com/collab-project/videojs-record

https://github.com/imalhasaranga/VideoRecorderJs

https://github.com/streamproc/MediaStreamRecorder

[NoobX]

Hello,

Quelques news,

j'utilise https://github.com/collab-project/videojs-record

mais je n'ai pas du tout le meme rendu entre FFx et chrome
Sous FFx : Image très belle mais très peu nombreuses et poids important

sous chrome : Image pixelisé mais fluide et poids très léger