This article will show you how you can integrate a webcam in
your asp.net application. In this article I have used jQuery Webcam Plugin to integrate the web cam
into your asp.net application.
Some of my previous articles are as follows: Asp.Net
Dynamic jQuery Photo Gallery Plugin With Zoom Effect Using Css, Three
Level Menus With Disable Menu Item Using jQuery In Asp.Net, jQuery
Dialog Box Open with Blind and Close With Explode Effect in Asp.Net, jQuery
Digital Clock For Asp.Net, MVC and HTML Applications, jQuery
Datepicker Calendar With Slide Down Effect In Asp.Net, jQuery
Code To Select Multiple Item By Pressing Ctrl Button In Asp.Net.
For this article first we will create a new asp.net application. But first you need to download the jquery webcam plugin.
Now add the bellow library reference into the header of the
page.
<script src="js/jquery-2.1.4.min.js" type="text/javascript"></script>
<script src="js/jquery.webcam.min.js" type="text/javascript"></script>
|
Now use the below code into the body of the page.
<script language="javascript">
jQuery("#divwebcam").webcam({
width: 320,
height: 240,
mode: "callback",
swffile: "jscam_canvas_only.swf",
});
</script>
|
Now here is the complete code .
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1"
%>
<!DOCTYPE html
PUBLIC "-//W3C//DTD
XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Webcam
Integration Using jQuery Webcam Plugin In Asp.Net </title>
<script src="js/jquery-2.1.4.min.js" type="text/javascript"></script>
<script src="js/jquery.webcam.min.js" type="text/javascript"></script>
</head>
<body>
<form id="form1" runat="server">
<div id="divwebcam"></div>
<script language="javascript">
jQuery("#divwebcam").webcam({
width: 320,
height: 240,
mode: "callback",
swffile: "jscam_canvas_only.swf",
});
</script>
</form>
</body>
</html>
|
In above code I have added a div in this code I have bind
the webcam property. Now we have done run the application to check the output.
DOWNLOAD
About the Author
0 comments:
Please let me know your view