Web camera snap using snap.js Jquery | 2my4edge

07 April 2014

Web camera snap using snap.js Jquery

After a long time, i'm going to tell you about web camera snapping, photo snapping in web camera and mobile camera is now people are early searching, so here i'm going to show you the simple photo snapping Jquery code. it support all kind of cross browsers, and it is very light weighted Jquery for web camera snapping in a single click. let see the simple code to use it.
web-camera-image
LIVE DEMO              DOWNLOAD

this is very simple code and light weighted code, you can take photo from any of the device using this code and you can upload it to any of the server.

CODE
<!DOCTYPE html>
<html>
<head>
<title>Web camera using Jquery</title>
<meta name="viewport" content="initial-scale=1">
<link rel="stylesheet" href="style/core.css"/>
<link rel="stylesheet" type="text/css" href="style/snap.min.css" media="all"/>
<script src="js/snap-utils.js"></script>
<script src="js/snap.js"></script>
</head>
<body>
<header>
  <div class="content">
    <h1>Try your Snap</h1>
    <div class="saved-image">
      <img src="img/default.JPG" alt="Your Image"/>
    </div>
    <div class="bottom-overlap">
      <button id="try-it">Click here to Snap</button>
    </div>
  </div>
</header>
<script src="js/jquery.min.js"></script>
<script src="js/snap-demo.js"></script>
</body>
</html>

NEEDED JQUERY AND CSS
<link rel="stylesheet" href="style/core.css"/>
<link rel="stylesheet" type="text/css" href="style/snap.min.css" media="all"/>
<script src="js/snap-utils.js"></script>
<script src="js/snap.js"></script>
.
.
.
.
.

//html code

.
.
<script src="js/jquery.min.js"></script>
<script src="js/snap-demo.js"></script>
the highlighted scripts are very important script and those scripts are very lightweighted and simple to support all cross platform browsers.
check the demo, i hope it will be very helpful and useful to you. thank you.

RELATED POSTS:









6 comments:

  1. cool one sir!
    my tutorial on webcam.js http://www.i-visionblog.com/2014/02/working-with-webcamjs-and-php-to-upload.html

    ReplyDelete
  2. please tech me after save picture insert to sql query database

    ReplyDelete
  3. Totally hilarious...this is more of a image upload script. It's quite good for what it is, but it's an upload script.

    ReplyDelete
  4. Add a responsivity factor to it, then it can be offered to mobile users to upload their phone images with.

    ReplyDelete
  5. But how can i save it to a database?

    ReplyDelete

^