No Description Available
0
WebcamJS is a small (~3K minified and gzipped) standalone JavaScript library for capturing still images from your computer's camera, and delivering them to you as JPEG or PNG Data URIs. The images can then be displayed in your web page, rendered into a canvas, or submitted to your server. WebcamJS uses HTML5 getUserMedia, but provides an automatic and invisible Adobe Flash fallback.
This is multipurpose why choose us column which can be used in many types of templates.
Grid view of services is a very popular way to represent services.
This is a professional multipurpose Grid view service section Which can be used on various types of themes.
Bootstrap datetimepicker is used for getting time input field as well as date input field with in good style.There are basic setup:To initiate Bootstrap Datetimepicker, use following code
You can use this section to reveal the working process of your company.
This gallery built Only using Bootstrap and jquery, and it supporting html 5 video too.
$('.openCamera').click(function(){ Webcam.attach( '#camera' ); }) $('.capture').click(function(){ take_snapshot() }) Webcam.set({ width: 320, height: 240, image_format: 'jpeg', jpeg_quality: 90 }); function take_snapshot() { Webcam.snap( function(data_uri) { document.getElementById('my_result').innerHTML = '<img class="img-adp" src="'+data_uri+'"/>'; } ); }
<div class="container"> <div class="row"> <div class="col-md-4"> <div class="card mt-5"> <div class="card-body"> <div class="card-img"> <div id="camera"></div> </div> </div> <div class="card-footer"> <button class="btn btn-success openCamera" >Camera</button> <button class="btn btn-success capture" >Cature</button> </div> <div class="card-body"> <div id="my_result"></div> </div> </div> </div> </div> </div>