H5扫描识别二维码

参考文章:

https://developer.mozilla.org/zh-CN/docs/Web/API/MediaStream

https://developer.mozilla.org/zh-CN/docs/Web/API/Mediadevices

引入的文件是qrcode的js插件.github上可以直接下载

 

HTML：

<div class="wrapper wrapper-full-page">
    <div class="full-page">   
        <div class="content">
            <div class="container">
            	<div class="card">
            		<canvas id="qr-canvas" width="100%"></canvas>
	    			<div id="outdiv" style="display: none;">
	    				<video id="vedio"></video>
	    			</div>	    			
            	</div>
            	<div class="card">
            		<form action="{:url('Payment/idealtokenqr')}" method="post" id="pay">
	    				<input type="hidden" name="ideal_token" id="ideal-token" value=""/>
	    			</form>
            		<button type="button" onclick="javascript:history.back(-1);" class="btn btn-fill" style="width:100%">返回</button>
            	</div>
            </div&g