| 1234567891011121314151617181920212223242526272829303132 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>活体人脸核验拍视频demo</title>
- <link rel="stylesheet" href="../css/iview.css">
- </head>
- <body>
- <div style="margin-top: 100px">
- <div style="width: 90% !important;margin-left: 50px">
- <video src="" width="480" height="320" style="width: 480px !important;height: 320px !important;float: left" controls id="video"></video>
- <p style="float: left;margin-left: 100px">视频录制成功预览（此处需将生成的临时文件信息url返回到前端显示）：</p>
- <div id="outVideo-div" style="border: 1px solid #ccc;width: 480px !important;height: 320px !important;float: left"></div>
- <div style="border: 1px solid #ccc;width: 480px !important;height: 320px !important;">.</div>
- </div>
- <div style="width: 90% !important;margin-left: 50px">
- <!-- <i-button id="rec">开始录制</i-button>-->
- <!-- <i-button id="camera">拍照</i-button>-->
- <div id="commentDiv" style="width: 100%;height: 30px;color: red"></div>
- <div id="showtimes" style="width: 100%;height: 30px;color: red;font-weight: bolder;"></div>
- <div style="width: 100%;height: 30px;color: red;font-weight: bolder;">点击开始或重新开始录像按钮，自动录像3秒视频上传后台服务，点击提交按钮进行活体人脸识别核验，失败了则重新录像</div>
- <i-button id="startBtn" class="ivu-btn ivu-btn-primary">开始</i-button>
- <!-- <i-button id="stopBtn">停止</i-button>-->
- <i-button id="ppBtn" class="ivu-btn ivu-btn-primary">重新开始录像</i-button>
- </div>
- </div>
- <script src="../js/jquery.min.js"></script>
- <!--<script src="../js/iview.min.js"></script>-->
- <script src="https://cdn.webrtc-experiment.com/MediaStreamRecorder.js"> </script>
- <script src="../js/face-check-index.js"></script>
- </body>
- </html>
|
