WebSite X5Help Center

 
José F.
José F.
User

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

Autor: José F.
Visitado 514, Seguidores 2, Compartilhado 0  

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

Publicado em
11 RESPOSTAS
JiPeR 48
JiPeR 48
Moderator
Usuário do mês 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/pt/post/126645

@Suivre,

J.P.

Ler mais
Publicado em de JiPeR 48
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês ESUsuário do mês 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

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
JiPeR 48
JiPeR 48
Moderator
Usuário do mês FR
Jiper 85
Vieille discussion sur le sujet, je n'ai rien trouvé de plus récent : https://helpcenter.websitex5.com/pt/post/126645 J.P.

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

J.P.

Ler mais
Publicado em de JiPeR 48
Axel  
Axel  
User

Oups....

2 fois plutôt qu'une wink

ici un autre code

Ler mais
Publicado em 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

Ler mais
Publicado em de Axel  
José F.
José F.
User
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

Ler mais
Publicado em de José F.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês ESUsuário do mês 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 ...
.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
José F.
José F.
User
Autor

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

Ler mais
Publicado em de José F.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês ESUsuário do mês 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/pt/post/240563

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪