C
C
Chvalov2014-11-26 12:06:48
CCTV
Chvalov, 2014-11-26 12:06:48

Is there a small and hidden webcam video recording software?

Hello, tell me the software for recording from a webcam to a hard drive.
Thanks in advance.

Answer the question

In order to leave comments, you need to log in

2 answer(s)
R
Roman, 2017-03-06
@roblip

Approximately as follows.
At the very beginning, let's hide the main content that is in the wrapper, for example, by setting the transparency to 0

#wrapper {
    opacity: 0;
}

#main_preload{
  position: fixed;
  width: 64px;
  height: 64px;
  left: 50%;
}

In the markup, we make a page that will be displayed while the download is in progress, but it will be easier for me to focus on the preloader (somehow more familiar, but the meaning of the implementation will be the same). Therefore, we will make an empty #main_preload
div. In general, the markup is approximately the following type:
<!doctype html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<span id="main_preload"></span>
<div id="wrapper">
<!-- content -->
</div>
<script type="text/javascript" src="path/to/loader.js"></script>
</body>
</html>

We make the loader.js script, the sample code is pulled from our old project (therefore, you should not completely focus on the code), the preloader (gif) will spin in the center of the screen until the main content is loaded:
var preload = $("#main_preload"), 
    w = $(window).width() / 2 - 30, 
    h = $(window).height() / 2 - 30;
preload.html('<img src="/path/to/preload.gif" alt="load content."/>');
preload.css({"top": h + 'px', "left": w + 'px'});
$(window).load(function () {
    setTimeout(function () {
        preload.animate({opacity: "0"}, 50, function () {
            preload.html("")
        });
        $("#wrapper").animate({opacity: "1"}, 50)
    }, 250)
});

The point is to use $(window).load( ); setTimeout here I don’t remember why, it seems to be for some kind of beautiful delay, but this delay has nothing to do with the main load. There, a smooth transition turns out like this: the preloader spins until all the content is loaded (and pictures, etc.), then the preloader smoothly fades to transparency 0 and the main content appears simultaneously (transparency 1).
https://jsfiddle.net/sm2yfbxj/

G
Grigory Vasilkov, 2017-03-07
@gzhegow

A preloader is just an image centered on a div that is superimposed absolute on top of the blockable area or button.
General principle:
position: absolute; width: 100% height: 100%; background: url(!image.gif!) center center no-repeat; z-index: 1;
Display at the time of request. Hide when it completes in any way - by mistake or by success.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question