如何从 .Net 世界中的网站捕获相机图像？

Question

我有一个在线预订管理系统，需要捕获被预订到系统中的人员的图像。我目前支持从客户端计算机上的本地目录（例如 Facebook、LinkedIn 等）手动将图像上传到网站。但是，我还需要能够让客户端单击一个按钮，使他们能够使用连接到客户端计算机的相机（网络摄像头或其他方式）来拍摄快照并将其自动上传到服务器。

客户端环境是基于Windows的，我的开发环境是ASP.Net MVC 3。

是否有任何第三方ActiveX或Flash控件可以做到这一点？

Answer 1

我找到了一个第三方开源 Flash + JavaScript 库，它使这个过程相当简单，称为“ jpegcam'。

以下代码是针对 Asp.Net MVC 3 (Razor View + T4MVC) 构建的。

---

第 1 步：包含 javascript 库

<script type="text/javascript" src="@Url.Content("~/Scripts/jpegcam/htdocs/images.js")"></script>

第 2 步：设置 jpegcam 并连接必要的挂钩

<script type="text/javascript">
    webcam.set_api_url('@Url.Action(MVC.Images.Snapshot())');
    webcam.set_swf_url('@Url.Content("~/Scripts/jpegcam/htdocs/webcam.swf")');
    webcam.set_quality(90); // JPEG quality (1-100)
    webcam.set_shutter_sound(false, '@Url.Content("~/Scripts/jpegcam/htdocs/shutter.mp3")');
    webcam.set_hook('onComplete', 'upload_complete');

    document.write(webcam.get_html(320, 240));

    function upload() {
        webcam.freeze();  // Snapshot the image from the camera
        webcam.upload();  // POST the data w/ content type 'image/jpeg'
    }
    function upload_complete(response) {
        var json = jsonParse(response);
        if (json.Redirect) {
            window.location.replace(json.Redirect);
        } else if (json.Error) {
            Notifier.Error('Error', json.Error.Message);
            webcam.reset();
        } else {
            Notifier.Error('Error', 'An unknown error has occurred.');
            webcam.reset();
        }
    }
</script>

注意：webcam.set_api_url() 调用设置发布网址。

第 3 步：连接视图中的按钮

<p class="actions">
    <input id="capture-configure" class="secondary-button" type="button" value="Configure..." onclick="webcam.configure()" />
    <input id="capture-submit" class="primary-button" type="button" value="Snap Mugshot" onclick="upload()" />
    <span class="alternate">
        or <a class="cancel" href="@Url.Action(MVC.Images.View())">Cancel</a>
    </span>
</p>

第 4 步：创建控制器操作以服务 POST

[HttpPost]
public virtual ActionResult Snapshot()
{
    var image = new System.Web.Helpers.WebImage(Request.InputStream);
    // Do fun, amazing things with the jpeg image
    return RedirectToAction(MVC.Images.View());
}

注意：System.Web.Helpers.WebImage 是“microsoft-web-helpers”NuGet 包的一部分。

Answer 2

也许您可以使用 Silverlight 4 来实现此目的？版本 4 支持网络摄像头。

以下是 SilverlightShow.net 上的教程