Enregistrer vidéo par webcam (html / javascript)
Bonjour,
Actuellement en école d'ingé (télécommunications), je travaille sur un projet de site internet dédié à l'apprentissage de la langue des signes, visant à traiter des images récupérées par webcam d'un utilisateur, en vue de les traiter pour vérifier l'exactitude des gestes.
J'ai réussi à afficher un retour de la webcam sur la page de travail en suivant ce tuto (html et javascript) : http://www.webdesignermag.co.uk/capt...eo-with-html5/
Comme l'indique le titre, j'aimerais savoir s'il est possible de télécharger un morceau de vidéo. En fait ce que j'aimerais au final serait :
- Arrivée de l'utilisateur, activation de la webcam par autorisation utilisateur
- Affichage du retour vidéo dans un cadre (j'en suis ici)
- Clic sur un bouton "enregistrement", qui lancerait l'enregistrement
- Clic sur un bouton "fin" OU arrêt automatique si plus de dix secondes, arrêt qui déclencherait le téléchargement de la vidéo ainsi créée, si possible au format avi !
(Pour info mon backend est en Python (j'utilise Flask et SQLAlchemy) : peut-être moyen de passer par là ?)
Voilà, j'espère que c'est assez précis (en tout cas je pense que vous avez compris l'objectif), mais cela devient complexe au point où j'en suis, donc j'apprécierais infiniment un coup de main :)
Pour finir, voici mon code (épuré de ce qui n'est pas nécessaire) :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
|
<!DOCTYPE html>
<head>
[title, metacontent...]
[injection des css]
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/JavaScript" src="../static/scripts/jquery.webcam.min.js"></script>
</head>
<body>
<center>
<div id="webcam"></div>
<script type="text/JavaScript">
jQuery("#webcam").webcam({
mode: "callback",
swffile: "../static/jscam.swf",
});
</script>
</center>
</body>
</html> |
(jQuery webcam plug-in)
Merci à vous !
