Webcam
(custom)
<style>
@import url("/fontawesome-5.12.1/css/all.css");
.containerCam {
border-radius: 15px;
border:1px solid #444;
padding: 10px;
//background-color:rgba(0, 0, 0, 0.3);
}
.infoCam {
background-color:rgba(0, 0, 0, 1);
border-radius: 15px;
}
</style>
<div class="containerCam" style="background-image: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0.9), rgba(0,0,0,0.6), rgba(150, 150,150,0.6), rgba(0,0,0,0.6)), url(%background.webCam%);">
<div class="infoCam">
[#module name="webcam_recorder" mode="arhive" view_mode="hidecontrols" #]
<button type="button" title="Включить камеру" onclick="runScript('start cam');" class="btn btn-default" style="font-size: 1.2em; color: Dodgerblue;"><i class="fas fa-camera"></i></i></button>
</div>
</div>