WebSite X5Help Center

 
José F.
José F.
User

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

Автор: José F.
Просмотрено 501, Подписчики 2, Размещенный 0  

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

Размещено
11 Ответы
JiPeR 48
JiPeR 48
Moderator

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

@Suivre,

J.P.

Читать больше
Размещено От JiPeR 48
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

(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

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
JiPeR 48
JiPeR 48
Moderator
Jiper 85
Vieille discussion sur le sujet, je n'ai rien trouvé de plus récent : https://helpcenter.websitex5.com/ru/post/126645 J.P.

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

J.P.

Читать больше
Размещено От JiPeR 48
Axel  
Axel  
User

Oups....

2 fois plutôt qu'une wink

ici un autre code

Читать больше
Размещено От 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

Читать больше
Размещено От Axel  
José F.
José F.
User
Автор

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

Читать больше
Размещено От José F.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
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 ...
.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
José F.
José F.
User
Автор

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

Читать больше
Размещено От José F.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
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/ru/post/240563

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪