身份认证

 $(function () {
     layui.use('element', function () {
         let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
-        //监听导航点击
-        element.on('nav(demo)', function (elem) {
-            layer.msg(elem.text());
-        });
     });
     addTabs('#wssq')
     // 业务
@@ -56,4 +52,23 @@ $(function () {
             element.init();
         });
     });
+
+
+    // ////
+    Webcam.set({
+        width: 320,
+        height: 240,
+        image_format: 'jpeg',
+        jpeg_quality: 90
+    });
+    Webcam.attach( '#my_camera' );
+    function take_snapshot() {
+        // take snapshot and get image data
+        Webcam.snap( function(data_uri) {
+            // display results in page
+            document.getElementById('results').innerHTML = 
+                '<h2>Here is your image:</h2>' + 
+                '<img src="'+data_uri+'"/>';
+        } );
+    }
 })

@@ -37,6 +37,10 @@
             </div>
             <div class="video_authentication">
                 视频认证
+                <div id="my_camera"></div>
+                <form>
+                    <input type=button value="Take Snapshot" onClick="take_snapshot()">
+                    </form>
             </div>
         </div>
         <div class="next_button">
@@ -48,6 +52,7 @@
 </body>
 <script type="text/javascript" src="../staticJs/common.js"></script>
 <script type="text/javascript" src="../staticJs/down.js"></script>
+<script type="text/javascript" src="../staticJs/jquery.webcam.min.js"></script>
 <script type="text/javascript" src="../staticJs/sfrz.js"></script>
 <script id="progress" type="text/html">
     {{#  layui.each(d.progressList, function(index, item){ }}
@@ -84,4 +89,5 @@
     {{#  } }} 
     {{#  }); }}
 </script>
+
 </html>
\ No newline at end of file