精华内容
下载资源
问答
  • 在线调试摄像头 网页测试摄像头

    千次阅读 2021-02-18 11:11:33
    金三银四,面试大潮又来了,免不了电话面试和视频面试 摄像头在线测试https://assistant.ceping.com/qrcode?type=1&lng=zh

    金三银四,面试大潮又来了,免不了电话面试和视频面试
    摄像头在线测试
    https://assistant.ceping.com/qrcode?type=1&lng=zh

    展开全文
  • 好用的在线调试摄像头的网址

    万次阅读 多人点赞 2018-08-31 14:31:56
    恩,借用北森测评的网站了。 https://assistant.ceping.com/qrcode?type=1 同时还能顺带着测测网速,岂不美哉

    恩,借用北森测评的网站了。

    https://assistant.ceping.com/qrcode?type=1

    同时还能顺带着测测网速,岂不美哉

    展开全文
  • 各位大神,小弟之前用jsp写了个摄像头调用拍照的,也是借鉴着写的,调试的时候发现如果笔记本外联一个USB摄像头的话,就算把笔记本的禁用掉也不会调用usb摄像头,把笔记本的摄像头卸载了就会调用USB摄像头,不拔出...
  • 上面的代码段中包含开启摄像头、扫码解析、输出结果。 因为在cocoscreator中没找到加载库时出的错误在哪,所以暂时就先放在html上。程序启动后每隔1秒检测一次是否要扫码。 cc.vv.utils.qrCode == 1时表示要扫...

    首先是二维码解析库,下载链接:https://pan.baidu.com/s/1MbVb_QqAjIIlAk9OEXy-6w 
    提取码:zip4 
     

    下面代码写在html中:

     

    <script type="text/javascript" src="src/qrcode/grid.js"></script>
    <script type="text/javascript" src="src/qrcode/version.js"></script>
    <script type="text/javascript" src="src/qrcode/detector.js"></script>
    <script type="text/javascript" src="src/qrcode/formatinf.js"></script>
    <script type="text/javascript" src="src/qrcode/errorlevel.js"></script>
    <script type="text/javascript" src="src/qrcode/bitmat.js"></script>
    <script type="text/javascript" src="src/qrcode/datablock.js"></script>
    <script type="text/javascript" src="src/qrcode/bmparser.js"></script>
    <script type="text/javascript" src="src/qrcode/datamask.js"></script>
    <script type="text/javascript" src="src/qrcode/rsdecoder.js"></script>
    <script type="text/javascript" src="src/qrcode/gf256poly.js"></script>
    <script type="text/javascript" src="src/qrcode/gf256.js"></script>
    <script type="text/javascript" src="src/qrcode/decoder.js"></script>
    <script type="text/javascript" src="src/qrcode/qrcode.js"></script>
    <script type="text/javascript" src="src/qrcode/findpat.js"></script>
    <script type="text/javascript" src="src/qrcode/alignpat.js"></script>
    <script type="text/javascript" src="src/qrcode/databr.js"></script>
    
    <script type="text/javascript">
        var gCtx = null;
        var gCanvas = null;
        var mediaStreamTrack = null;
    
        function dragenter(e) {
          e.stopPropagation();
          e.preventDefault();
        }
        function dragover(e) {
          e.stopPropagation();
          e.preventDefault();
        }
        function drop(e) {
          e.stopPropagation();
          e.preventDefault();
    
          var dt = e.dataTransfer;
          var files = dt.files;
    
          handleFiles(files);
        }
        function handleFiles(f) {
          var o = [];
          for (var i = 0; i < f.length; i++) {
            var reader = new FileReader();
    
            reader.onload = (function (theFile) {
              return function (e) {//上传图片走此处
                qrcode.decode(e.target.result);
              };
            })(f[i]);
    
            // Read in the image file as a data URL.
            reader.readAsDataURL(f[i]);
          }
        }
    
        function utf8ToUtf16(s) {//将utf-8字符串转码为unicode字符串,要不读取的二维码信息包含中文会乱码
          if (!s) {
            return;
          }
    
          var i, codes, bytes, ret = [], len = s.length;
          for (i = 0; i < len; i++) {
            codes = [];
            codes.push(s.charCodeAt(i));
            if (((codes[0] >> 7) & 0xff) == 0x0) {
              //单字节  0xxxxxxx  
              ret.push(s.charAt(i));
            } else if (((codes[0] >> 5) & 0xff) == 0x6) {
              //双字节  110xxxxx 10xxxxxx  
              codes.push(s.charCodeAt(++i));
              bytes = [];
              bytes.push(codes[0] & 0x1f);
              bytes.push(codes[1] & 0x3f);
              ret.push(String.fromCharCode((bytes[0] << 6) | bytes[1]));
            } else if (((codes[0] >> 4) & 0xff) == 0xe) {
              //三字节  1110xxxx 10xxxxxx 10xxxxxx  
              codes.push(s.charCodeAt(++i));
              codes.push(s.charCodeAt(++i));
              bytes = [];
              bytes.push((codes[0] << 4) | ((codes[1] >> 2) & 0xf));
              bytes.push(((codes[1] & 0x3) << 6) | (codes[2] & 0x3f));
              ret.push(String.fromCharCode((bytes[0] << 8) | bytes[1]));
            }
          }
          return ret.join('');
        }
    
        function qrCodeBegin() {
          initVideo();//开启摄像头
          initCanvas(300, 300);
    
          qrcode.callback = function (data) {//扫码结果
            cc.vv.utils.qrCodeResult = data;
            gCanvas.style.visibility = 'hidden';
            mediaStreamTrack.getTracks().forEach(function (track) {
              track.stop();
            });
            video.style.visibility = 'hidden';
            setTimeout(toCheckQRcode, 1000);
          };
        }
    
        function captureToCanvas() {
          try {
            gCtx.drawImage(video, 0, 0);
            try {
              qrcode.decode();
            }
            catch (e) {
              console.log(e);
              gCtx.clearRect(0, 0, 300, 300);//此处一定要添加,否则会卡顿
              setTimeout(captureToCanvas, 500);
            };
          }
          catch (e) {
            console.log(e);
            gCtx.clearRect(0, 0, 300, 300);//此处一定要添加,否则会卡顿
            setTimeout(captureToCanvas, 500);
          };
        }
    
        function initCanvas(w, h) {
          gCanvas = document.getElementById("qr-canvas");
          gCanvas.style.visibility = 'visible';
          gCanvas.addEventListener("dragenter", dragenter, false);
          gCanvas.addEventListener("dragover", dragover, false);
          gCanvas.addEventListener("drop", drop, false);
          gCtx = gCanvas.getContext("2d");
          gCtx.clearRect(0, 0, 300, 300);
          setTimeout(captureToCanvas, 500);
        }
    
        function initVideo() {
          var video = document.getElementById("video");
          video.style.visibility = 'visible';
    
          var constraints = {
            video: { width: 300, height: 300 },
            audio: true
          };
          var promise = navigator.mediaDevices.getUserMedia(constraints);
          promise.then(function (MediaStream) {
            mediaStreamTrack = MediaStream;
            cc.vv.utils.qrCode = 2;
            video.srcObject = MediaStream;
            video.play();
          });
        }
    
      </script>
    
    <script language="javascript">
        var toCheckQRcode = function () {
          if (cc.vv && cc.vv.utils && cc.vv.utils.qrCode == 1) {//开始扫码
            qrCodeBegin();
          } else {
            setTimeout(toCheckQRcode, 1000);
          }
        }
        setTimeout(toCheckQRcode, 1000);
      </script>
    
    <body>
        <video id="video" width="300px" height="300px" autoplay="autoplay"></video>
        <canvas id="qr-canvas" width="300px" height="300px"></canvas>
    </body>

    上面的代码段中包含开启摄像头、扫码解析、输出结果。

    因为在cocoscreator中没找到加载库时出的错误在哪,所以暂时就先放在html上。程序启动后每隔1秒检测一次是否要扫码。

    cc.vv.utils.qrCode == 1时表示要扫码。

    之后执行上面的开启摄像头、扫码、解析功能。

    当扫码结束后cc.vv.utils.qrCodeResult也就是扫码结果了,1秒之后会重启检测,所以在自己的脚本里,开启扫码后检测结果的定时器一定要小于1秒,出结果后要改cc.vv.utils.qrCode的值不能为1。

     

    ps:上面的代码video和qr-canvas的初始可见状态是不显示的(visibility:hidden)。而且"qr-canvas"不能改变,因为在解析库里默认是读取qr-canvas画布上的内容。上面代码也可以将二维码图片拖到摄像头区域内解析。

     

     

    展开全文
  • 局域网摄像头安装及调试手册 包含更新软件源、MJPG-streamer +普通usb摄像头 、实现在局域网内部网页浏览监控视频
  • 【技术】H5网页调用手机摄像头扫码

    千次阅读 2020-12-06 00:42:56
    H5网页调用手机摄像头扫码1.需求:H5网页调用手机摄像头扫码2.如何探索解决?先自己思考一下3.解决方案?方案一:使用 quaggaJS识别方案二:调用微信公众号的js-jdk来调用摄像头4.遇到的坑5. 参考6.总结 1.需求:H5...

    1.需求:H5网页调用手机摄像头扫码

    2.如何探索解决?

    先自己思考一下

    常见的基本都是app和小程序里面调用摄像头扫码的比较多,h5页应该也有对应的解决方案。

    然后就去找万能的百度,看看别人是怎么解决的?至少看5~10个方案,然后找到和自己需求相关的,然后写demo测试下。

    3.解决方案?

    方案一:使用 quaggaJS识别

    1. 调用摄像头并获取视频流输出到web
    2. 使用canvas进行周期性截图
    3. 条形码识别

    quaggaJS的github:quaggaJS的github地址

    参考的几个例子

    1. https://www.cnblogs.com/yaotome/p/9450274.html
      这个例子我测了下,只能用图片上传的方式识别,且识别度不高。

    2. https://www.freesion.com/article/8748758802/
      这个例子看起来不错,还没来的及去test,就想着用方案2去解决了。有兴趣的自己去试试。

    方案二:调用微信公众号的js-jdk来调用摄像头

    微信公众号官方开发文档:官方开发文档官网最权威,多看看,扣扣字眼,避免很多坑

    错误码大全:这个很重要,知道错在哪里

    微信公众平台接口调试工具这个很方便

    微信 JS 接口签名校验工具很实用,可以比对自己的生成的签名是否正确

    参考几个例子

    1. https://www.codetd.com/article/7762368
      这个例子写的很详细,思路很清晰,可以参考参考。

    2. https://blog.csdn.net/weixin_43369521/article/details/86649324
      这个例子写的很好,配置域名、ios这些坑都说出来了。

    4.遇到的坑

    1. 要使用域名来进行测试测下,ip是不行的。(因为穷不想买域名,我用的是花生壳,自行百度如何映射域名)
    2. 我在前端生成签名,签名都是正确的,但是在wx.config是报63002的错,折磨死我了。最后还是改用后端生成签名返回给我的方法解决的。
    3. 传入的url到后端生成签名的问题:刚开始传的是 location.href.split(’#’)[0]但是就报错了63002,看到有人是这样写的 let hashurl= location.href.split(’#’)[0]//动态获取当前地址 必须和安全域名一致 注微信官方检测这里不能写死。
      原文如下:https://blog.csdn.net/weixin_43208652/article/details/105813702
      而我的就直接传location.href就对了,也不用转码(encodeURIComponent())
    4. ios手机不能正常使用的问题。刚好查到一个文档,可以参考https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/iOS_WKWebview.html有本地配置 域名的方案;还有说是:***IOS分享的时候,在微信开发工具上一切正常,但到真机上之后,IOS自定义分享并不生效,排除掉分享图片大小,url合法性等问题之后。一个主要原因是:
      IOS微信浏览器记录的是第一次打开页面时的URL,也就是说,前端路由跳转时,IOS的url地址栏并不会根据前端路由改变,所以,当调用wx.config()时,你所注册的当前页面url还是第一次进入页面的url,所以获取到的时间戳,签名等参数,并不是当前前端路由所需要的,也就导致分享失败***说是进入之后强刷一遍:window.location.href = window.location.href,但是我试了之后没效果。而且我发现一个神奇的现象,我在ios微信浏览器alert(“xxxx.xx/#/xxx”)时候,会自动把#号给省略了。
    5. config:fail,Error: 系统错误,错误码:63002,invalid signature 这个错误码的原因(63002 无效的签名):ip为配置白名单,access_token过期、传入的url不对、随机字符串和时间戳都必须是字符串
    6. ios解决方案test:
      6.1 对ios注册config时候可以考虑传的url是编码的:encodeURIComponent(url);上班的时候试试。
      6.2 微信JS-SDK 接口注册问题 IOS系统
      6.3 这位仁兄修改了源码
      6.4https://developers.weixin.qq.com/community/develop/doc/00068a383541b06407fa1737d5d800
      6.5 http://www.10qianwan.com/articledetail/636592.html
      6.6 https://www.cnblogs.com/lsyverygood/p/12156703.html
      6.7

    5. 参考

    1.https://blog.csdn.net/qq_28218253/article/details/106534290
    2. 微信JS-SDK 接口注册问题 IOS系统

    6.总结

    纸上得来终觉浅

    展开全文
  • 由于互联网的飞速发展,传统安防摄像头的视频监控直播与互联网直播相结合是大势所趋。传统安防的直播大多在一个局域网内,在播放的客户端上也是有所限制,一般都需要OCX Web插件进行直播。对于安防监控的视频直播...
  • 将IO0和GND短接的杜邦线取下来,然后打开串口调试助手,将波特率设为115200,然后按一下ESP32上的复位按钮,过一会就会生成IP地址:   进入浏览器,打开地址,点击Start Steam即可看到图像   在视频传输的过程中...
  • 由于互联网的飞速发展,传统安防摄像头的视频监控直播与互联网直播相结合是大势所趋。传统安防的直播大多在一个局域网内,在播放的客户端上也是有所限制,一般都需要OCX Web插件进行直播。对于安防监控的视频直播...
  • 经过半个月的调试,我从开始的想法到功能实现真的是从起劲到无望再到惊喜。...首先,我插上usb摄像头,不知道型号,不知道该怎么调试,不知道该怎么着手,但是经过一些网上例子学习我终于知道了,该怎么入手了,首先我
  • 通过应用就可以切换摄像头,图像就可以出来了 export DISPLAY=:0.0 su linaro -c " \ gst-launch-1.0 v4l2src device=/dev/video2 io-mode=4 ! videoconvert ! video/x-raw,format=NV12,width=640,height=480 ! ...
  • ESP32-CAM摄像头模块简介下载接线及配置下载接线下载配置 模块简介 本次实验使用的是ESP32-CAM模块,是全新的WIFI+蓝牙双模开发板,内核采用的双核的32位CPU,是基于ESP32研发的模块,可以用作处理器,主频高达240...
  • 海康威视摄像头 onvif 鉴权

    万次阅读 2018-09-19 15:47:45
    调试海康威视摄像头过程中,遇到无法鉴权成功的问题。在调试海康威视摄像头过程中,遇到无法鉴权成功的问题。同样的代码,其他的摄像头均能鉴权成功,而海康威视的摄像头却不能。 问题原因 这是由于海康威视的...
  • 许多问题很难在开发的过程中就想的面面俱到,都是在实际应用、调试的过程中一一的优化的。由于easynvr的受众越来越多,因此也出现了好多在开发之初并没有留意的一些细节。我这次发现的问题就是给客户远程解决问题...
  • 波粒摄像头配置

    2013-05-03 11:01:05
    波粒摄像头dvr配置说明,官方文档说明,请参考
  • 许多问题很难在开发的过程中就想的面面俱到,都是在实际应用、调试的过程中一一的优化的。由于easynvr的受众越来越多,因此也出现了好多在开发之初并没有留意的一些细节。我这次发现的问题就是给客户远程解决问题...
  • 摄像头娘来了

    千次阅读 2013-02-04 15:04:47
    本文的主角是一个摄像头及其配套程序,我毫无创意地模仿网上的流行说法,称之为“摄像头娘”。她会自己发微博,记得follow她哦:t.qq.com/cameragirl 前段时间浙大有个博士做了个“饮水机娘”,也就是他实验室里的...
  • 人脸识别(USB摄像头、网络摄像头、RTSP流)
  • 大多数RTSP的播放都面向直播场景...除了H.264,还需要支持H.265,目前市面上的RTSP H.265摄像头越来越多,支持H.265的RTSP播放器迫在眉睫,此外,单纯的播放H.265还不够,还需要可以能把H.265的数据能录制下来。 ...
  • 海康摄像头 onvif 找不到的问题

    千次阅读 2019-09-30 07:06:11
    调试海康威视摄像头过程中,遇到无法鉴权成功的问题, 但是其他摄像头却可以。 其他的摄像头网页登录用的用户名和密码与onvif鉴权用的用户名和密码一致。 问题解决打开网页,输入摄像头网址,会提示输入用户名...
  • 一、上代码 /********* Rui Santos Complete project details at ... IMPORTANT!!!... - Select Board "AI Thinker ESP32-CAM" - GPIO 0 must be connected to GND to upload a sketch - Af.
  • Openwrt 摄像头使用

    千次阅读 2015-04-16 15:25:18
    Openwrt 摄像头使用 来自森亮号航海见识 {SLboat Insight;} (重定向自摄像头使用) 跳转至: 导航、 搜索 目录  [隐藏]  1 想法2 挂载摄像头 2
  • 实现在网页浏览视频监控,花费了三天时间,刚接触树莓派,网上教程大部分一致,出现的问题难以搜到。  下一步打算实现双目摄像机的图像视频监控。  主要参考链接1:  ...
  • 最近有客户在使用EasyNVR做二次开发时,在使用Hbuilder进行Web开发时遇见Hbuilder调试时不能跨域问题。 解决办法 修改Nginx配置文件,实现反向代理到EasyNVR 启动Hbuilder,修改配置,如下图步骤: ...
  •  如上文,按理说,登录成功... 后来回到WINDOWS机器上,打开网页呼叫,虽然说出错了,终端确实收到了呼叫。难道是浏览器不同?  后来吾将摄像头插到LINUX机器,也能正确呼叫了。就这么个事,折腾了吾一天? ...
  • 许多问题很难在开发的过程中就想的面面俱到,都是在实际应用、调试的过程中一一的优化的。由于easynvr的受众越来越多,因此也出现了好多在开发之初并没有留意的一些细节。我这次发现的问题就是给客户远程解决问题...
  • java web页面调用海康摄像头

    万次阅读 热门讨论 2018-03-03 11:15:30
    之前做过web页面调用海康显示4个摄像头。网上web调用的确实比较少,我做的时候参考了http://blog.csdn.net/lucius93/article/details/75308165,但也花费了不少的时间,所以写篇尽量详细的,希望小伙伴少走弯路。1、...
  • 运行里面的adb.exe【Android 调试桥 (adb) 】 安卓手机,处于开发者选项,打开USB调试(不打开好像不行!)。 链接上数据线选择:传输文件(MTP) 而后,电脑和手机都要打开软件!点击start运行即可! 如图: 第三种...
  • Raspberry Pi Camera 命令行工具raspistill和raspivid。 raspistill raspivid Python picamera 控制相机 以视频流方式使用 方法一:mjpg-streamer ...树莓派官方提供了小型摄像头,(CMOS Sensor Interface(CSI)...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,289
精华内容 1,715
关键字:

网页调试摄像头