WebSite X5Help Center

 
José F.
José F.
User

How to embed a webcam image on a Website X5 site ?  fr

Auteur : José F.
Visité 511, Followers 2, Partagé 0  

Bonjour,
Je souhaiterais intégrer des images webcam sur un site créé avec Website X5.
Pouvez-vous m'indiquer la marche à suivre ?
Merci

Posté le
11 RéPONSES
JiPeR 48
JiPeR 48
Moderator
Meilleur utilisateur du mois FR

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/fr/post/126645

@Suivre,

J.P.

Lire plus
Posté le de JiPeR 48
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT

(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

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
JiPeR 48
JiPeR 48
Moderator
Meilleur utilisateur du mois FR
Jiper 85
Vieille discussion sur le sujet, je n'ai rien trouvé de plus récent : https://helpcenter.websitex5.com/fr/post/126645 J.P.

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

J.P.

Lire plus
Posté le de JiPeR 48
Axel  
Axel  
User

Oups....

2 fois plutôt qu'une wink

ici un autre code

Lire plus
Posté le de Axel  
Axel  
Axel  
User

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

Lire plus
Posté le de Axel  
José F.
José F.
User
Auteur

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

Lire plus
Posté le de José F.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT
José F.
... ... ... But my problem is that I want to retrieve images sent regularly by a webcam
 ‪ KolAsim ‪ ‪
(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 .
   ... si vous faites ce que je vous ai dit, et postez le LIEN, c'est très simple ...
.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
José F.
José F.
User
Auteur

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

Lire plus
Posté le de José F.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT
José F.
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/fr/post/240563

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪