Salut José,

Je ne me suis jamais intéressé à la question, mais de ce que j'ai pu en lire, je crois qu'il faut adapter un code spécifique...

Vieille discussion sur le sujet, je n'ai rien trouvé de plus récent :

https://helpcenter.websitex5.com/it/post/126645

@Suivre,

J.P.

(It> Fr) ... si vous avez l'URL du flux (*)  de la webcam c'est très simple avec IFRAME ...
... (*) ... en cas de difficulté poster le LIEN pour définir le code...

.

ciao a tutti

.

Best example here:

https://www.html5rocks.com/en/tutorials/getusermedia/intro/

@ Axel... Le lien que tu indiques est signalé sur la discussion 126645 citée plus haut...

J.P.

Oups....

2 fois plutôt qu'une

ici un autre code

Hello

Voila ce que cela donne !

Mais je n'arrive pas à centrer l'image de la camera ...

et mon code HTML est le suivant...

<link rel="stylesheet" href="afs-demo/webcam2/style.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css">

<center>
<div class="container-fluid">

<div class="top-container form-group">
<video id="video">Can't Take Photos Right Now, Sorry...</video>
<br>
<div>
<!-- Button trigger modal -->
<button type="button" class="btn btn-success btn-block" data-toggle="modal" data-target="#exampleModal" id="photo-btn">
Take Photo
</button>
<!-- select filter list -->
<select name="filter" id="photo-filter" class="form-group form-control ">
<option value="none">Normal</option>
<option value="grayscale">Grayscale</option>
<option value="sepia">Sepia</option>
<option value="invert">Invert</option>
<option value="hue-rotate">Hue</option>
<option value="blur">Blur</option>
<option value="contrast">Contrast</option>
</select>
<!-- slider bar -->
<div class="slidecontainer">
<input type="range" min="" max="" value="" class="slider" id="myRange">
</div>
<!-- clear button -->
<button id="clear-btn" class="btn btn-primary btn-block">Clear</button>
<canvas id="canvas"></canvas>
</div>
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" id='modalDialog' role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Your Photo</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<!--
<div class="modal-body" id="photos">
<!-- Some text or images here -->
</div>
-->
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<!-- <button type="button" class="btn btn-primary" id="save-btn">Save changes</button> -->
</div>
</div>
</div>
</div>
</div>
</div>
</center>

<script src="afs-demo\webcam2/main.js"></script>
<script src="afs-demo\webcam2/jquery-3.2.1.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.bundle.min.js"></script>

On y est presque...

KolAsim, as tu une idée pour centrer l'image de la caméra... ?

Enjoy!
Axel

Link is here:

https://wsx5demo.afsoftware.fr/webcam-2.html

And also I cannot use th cross X to close the picture done...
buggy

Merci pour vos réponses
Thank you for your answers

Mais mon problème est que je souhaite récuperer des images envoyées régulièrement par une webcam
But my problem is that I want to retrieve images sent regularly by a webcam

the camera is not yet installed
I will send you the link when it is installed
Thank you

... OK ... ... tiens-moi au courant ...
... en attendant, si vous souhaitez le faire vous-même, vous trouverez ici aussi mes codes exclusifs et simples:
>>  https://helpcenter.websitex5.com/it/post/240563

.