久久久久久久视色,久久电影免费精品,中文亚洲欧美乱码在线观看,在线免费播放AV片

<center id="vfaef"><input id="vfaef"><table id="vfaef"></table></input></center>

    <p id="vfaef"><kbd id="vfaef"></kbd></p>

    
    
    <pre id="vfaef"><u id="vfaef"></u></pre>

      <thead id="vfaef"><input id="vfaef"></input></thead>

    1. 站長資訊網
      最全最豐富的資訊網站

      分享h5調用攝像頭實現拍照的實例教程

      技術時刻都在前進著。我們的需求也是時刻在改變著。最近在開發(fā)中遇到了用戶進行賬號注冊時需要個人圖像,網站提供自動拍照功能。還有在登錄了電腦之后,手機端進行登錄時只需要掃描一下電腦上的二維碼就可以登錄。這對一個網絡來說難度是極大的。技術的進步使我們遇到了HTML5下面這個簡單粗暴的演示就是來完成這些功能的直接看代碼:

       <!DOCTYPE html>        <HTML>        <HEAD>            <TITLE> HTML5調用攝像頭實現拍照</ TITLE>            <meta charset =“utf-8”>            <meta name =“viewport”content =“width = device-width,initial-scale = 1”>        </ HEAD>        <BODY>        <video id =“video”autoplay =“”style ='width:640px; height:480px'> </ video>        <button id =“paizhao”>拍照</ button>         <canvas id =“canvas”width =“640”height =“480”> </ canvas>        <script type =“text / javascript”>            var video = document.getElementById(“video”);            var context = canvas.getContext(“2d”);            var errocb = function(){                console.log(“sth srong”);            }            如果(navigator.getUserMedia){                navigator.getUserMedia({ “視頻”:真},函數(流){                    video.src =流;                    video.play();                },errocb);            } else if(navigator.webkitGetUserMedia){                navigator.webkitGetUserMedia({ “視頻”:真},函數(流){                    video.src = window.webkitURL.createObjectURL(流);                    video.play();                },errocb);            }            的document.getElementById( “paizhao”)的addEventListener( “點擊”,函數(){                context.drawImage(視頻,0,0,640,480);            });        </ SCRIPT>        </ BODY>        </ HTML>

      贊(0)
      分享到: 更多 (0)
      網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號