Попытка создать страницу, которая определяет, доступна камера пользователя или нет

Я очень начинаю программировать. Просто попробуйте посмотреть, есть ли у пользователя веб-камера или нет, и распечатайте ее в формате HTML. Пока мне удается написать этот код ниже:

<head>
  <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
  <script src="jquery.webcam.js"></script>
</head>
<body>
  <h2>Camera and Audio Status</h2>
  <div id="StatusList">

  </div>
  <script type="text/javascript">
    $("#camera").webcam(
      {            
        width: 320,            
        height: 240,            
        mode: "callback",
        swffile: "/lorran/jscam_canvas_only.swf",
        onTick: function() {},
        onSave: function() {},
        onCapture: function() {},
        debug: function() {},
        onLoad: function() {}        }
    );
    var statusHTML='<ul class="bulleted">';
    var test;
    test = function()
    {
      var tester = false;            
      try
      {
        if(webcam.getCameraList().length == 0)
        {                      
          /*alert('You dont have a camera');*/
          statusHTML +='<p>camera is not avaible</p>';
          return;                
        }
        else
        {
          /*alert("cam");*/ 
          statusHTML +='<p>camera avaible</p>';
          return;
        }
        tester = true;
      }
      catch(e)
      {                
        tester = false;
        setTimeout(test,1000);
      }        
    }        
    setTimeout(test,1000);
    statusHTML +='</ul>';
    $('#StatusList').html(statusHTML);
  </script>
</body>

Я не могу видеть что-либо на странице или в консоли:(Я скачал и добавил jquery.webcam.js, Я совершенно не в том направлении?

http://lyncchecker.ucb.com/ Я пытаюсь сделать что-то похожее на это.

Источник

0 ответов

Другие вопросы по тегам