hanzhengyi
/
wxapp2


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
							<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0, user-scalable=no, width=device-width">
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <meta content="email=no" name="format-detection" /><!--禁止Android中自动识别页面中的邮件地址-->
    <title>扫一扫</title>
    <script type="text/javascript" src="jsqrcode-master/src/jquery.min.js" charset="utf-8"></script>

    <style>
        #video {
            height: 400px;
            width: 400px;
            display: block;
            margin: 0;
            padding: 0;
        }
        #canvas {
            height: 400px;
            width: 800px;
            display: block;
            margin: 0;
            padding: 0;
        }
    </style>
    <video  id="video">
        <script>
            var flag = true;
            window.addEventListener("DOMContentLoaded", function () {
                var video = document.getElementById("video"), canvas, context;
                try {
                    canvas = document.createElement("canvas");
                    canvas.width = 400;
                    canvas.height = 400;
                    context = canvas.getContext("2d");
                } catch (e) { alert("not support canvas!"); return; }
                navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia;

                if (navigator.getUserMedia)
                    navigator.getUserMedia(
                        { "video": { facingMode: { exact: "environment" } } },
                        function (stream) {
                            if (video.mozSrcObject !== undefined)video.mozSrcObject = stream;
                            else video.src = ((window.URL || window.webkitURL || window.mozURL || window.msURL) && window.URL.createObjectURL(stream)) || stream;
                            video.play();
                        },
                        function (error) {
                            alert("请检查是否存在或者开启摄像头");
                            flag = false;
                        }
                    );
                else alert("Native device media streaming (getUserMedia) not supported in this browser");

                setInterval(function () {
                    if(!flag){
                        return;
                    }
                    context.drawImage(video, 0, 0, canvas.width = video.videoWidth, canvas.height = video.videoHeight);
                    var image = canvas.toDataURL("image/png").replace("data:image/png;base64,", "");
                    $.ajax({
                        url : 'qRCodeAction_decoderQRCode.action',
                        async : false,
                        type : 'post',
                        data : {
                            'time' : (new Date()).toString(),
                            'img' : image
                        },
                        success : function(message) {
                            if(message!=null){
                                flag=false;
                                window.location.href='qRCodeActionshow.action?message='+message;
                            }
                        },
                    });
                }, 5000);
            }, false);
        </script>
        </head>
<body>
</body>
</html>