2012-03-14 91 views
0

我做了一个摄像头项目,该项目将支持查看images.I现在用“ENTER USB 2.0”现场摄像头的地方其工作fine..when我把它上传到网络服务器和测试与客户端浏览器..它不工作..它会得到错误,因为“没有设备找到”..有没有任何服务器设置来检测网络摄像头?..如何检测网络摄像头在asp.net

我们如何检测任何类型的网络摄像头在asp.net ..?或者是有任何ActiveX插件,用于检测客户端浏览器的网络摄像头..

其非常重要的me..please与您分享有什么想法me..if?

在此先感谢..

+0

使用jpegcam:code.google.com/p/jpegcam/ – mshsayem 2012-03-14 05:18:21

回答

2

我以前jpegcam一次上传的网络摄像头照片。希望这可以帮助。基本的代码是这样(使用jquery):

<script type="text/javascript" src="<path to webcam.js (inside jpegcam)>"></script> 
<script type="text/javascript"> 
    $(function() { 
     webcam.set_swf_url('path to webcam.swf(inside jpegcam)'); 
     webcam.set_api_url(document.URL); 
     webcam.set_quality(90); // JPEG quality (1 - 100) 
     webcam.set_shutter_sound(false); 


    $("#imgWrapper").css({ height: "262px", 
     width: "215px", 
     border: "solid 1px #aaa" 
    }); 

    var pb = $("#tp"); 
    pb.addClass("spbtn"); 

    pb.click(function() { 
     $("#fc").html(webcam.get_html(215, 262)); 
     viewCam(true); 
    }); 
}); 

function viewCam(show) { 
    if (show) { 
     $("#sc").hide(); 
     $("#iUploadFrame").fadeIn(); 
    } 
    else { 
     $("#iUploadFrame").hide(); 
     $("#sc").fadeIn(); 
    } 
} 

function camReset() { 
    webcam.reset(); 
    setCamInstruction("Adjust, snap, then upload", "#666"); 
} 

function setCamInstruction(msg, c) { 
    $("#upStatus").html(msg).css("color", c); 
} 

function handleUpload() { 
    var gi = $("#ghimg"); 
    gi.css("visibility", "visible") 
    webcam.upload(document.URL, function() { 
     gi.css("visibility", "hidden") 
     setCamInstruction("Upload complete!", "green"); 
    }); 
} 
</script> 

HTML:

<div id="sc" style="width: 218px"> 
     <div id="imgWrapper"> 
      <img src="<path to a placeholder image>" alt="no photo" id="imgPhoto" 
       runat="server" height="262" width="215" /> 
     </div> 
    <br /> 
    <div style="text-align: center"> 
     <span id="tp">Open Webcam</span> 
    </div> 
    <br /> 
</div> 
<div id="iUploadFrame" style="display: none;"> 
    <div id="fc"> 
     -- Cam Content -- 
    </div> 
    <div id="upStatus" style="padding: 5px 0; color: #666;"> 
     Adjust, snap, then upload</div> 
    <input type="button" value="Snap" onclick="webcam.freeze()" /> 
    <input type="button" value="Reset" onclick="camReset();" /> 
    <input type="button" value="Upload" onclick="handleUpload()" /> 
    <div class="progress_beside_inline" id="ghimg"> 
    </div> 
</div>