Question

我正在用VB编写一个asp.net网站，并试图通过javascript集成网络摄像头功能。我使用的是webcam.js（在这里找到：https://github.com/jhuckaby/webcamjs）。当我创建一个新项目来测试它并解决问题时，它运行正常。但是，当我尝试将其集成到我的主项目中时，视频无法加载，我留下了空白屏幕。我可以确认它在IE，firefox和chrome中的侧面项目中有效，但在将它集成到我的主项目中之后，它们都不起作用。整合过程并不复杂，主要是复制和粘贴以及添加必需的引用。我起初遇到的问题是它没有认识到网络摄像头＆＃39;但是在我编码了webcam.js文件的确切位置之后就消失了（我明白这将是一个问题，但我现在更担心让它在调试模式下运行，所以它＆＃39;很好）。我的代码如下：

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="WebcamPart.aspx.vb" Inherits="IMHmfgb_VerJon.WebCamPart" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager EnablePageMethods="true" runat="server" />
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
        <script src="location of webcam.js"></script>
    <div id="my_camera" style="width:640px; height:480px"></div>
    <asp:Label ID="Label1" runat="server" Font-Size="12"></asp:Label>
    <script type="text/javascript">
        function showCam() {
            Webcam.attach('my_camera');
        }
    </script>
    <asp:Button ID="Button2" runat="server" OnClientClick="showCam();return false" Text="Show Cam" /><asp:Button ID="Button1" runat="server" OnClientClick="take_snapshot();return false" Text="Scan" />
    <script type="text/javascript">
        function take_snapshot() {
            Webcam.snap(function (data_uri) {
                PageMethods.BarcodeScan(data_uri, onSuccess, onFailure);
            })
        };
        function onSuccess(result) {
            document.getElementById('<%=Label1.ClientID%>').innerHTML = result;
        };
        function onFailure(result) {
        document.getElementById('<%=Label1.ClientID%>').innerHTML = result;
        };
    </script>
            </ContentTemplate>
            </asp:UpdatePanel>
            <asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1" DisplayAfter="500">
        <ProgressTemplate>
            <asp:Image ImageUrl="~\Pictures\Loading.gif" runat="server" ImageAlign="Middle" />
        </ProgressTemplate>
    </asp:UpdateProgress>
    </form>
</body>
</html>

我不相信上面的代码是问题所在，因为如上所述，它一切正常。这让我相信在我的主项目中有一些设置或一段代码干扰加载视频，但我不知道在哪里寻找或寻找什么。

Answer 1

经过大量的故障排除后，我解决了自己的问题。显然，仅仅在以下代码块中简单地说明webcam.js文件的位置是不够的：

<script src="location of webcam.js"></script>

您需要将webcam.js和webcam.swf文件放在与使用它们的页面相同的文件夹中。我通过查看chrome中的错误控制台找到了这个。我认为IE中的错误是相同的，并且由于我的网站是在IE中运行的，我先检查了那里。

ASP.NET网络摄像头显示

1 个答案: