How to embed a webcam image on a Website X5 site ?
Autor: José F.
Besucht 513,
Followers 2,
Geteilt 0
Bonjour,
Je souhaiterais intégrer des images webcam sur un site créé avec Website X5.
Pouvez-vous m'indiquer la marche à suivre ?
Merci
Gepostet am
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/de/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">×</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
Autor
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
.
Autor
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/de/post/240563
.