HTML5調(diào)用攝像頭并進行拍照（測試火狐能行）-創(chuàng)新互聯(lián)

  1. 參考網(wǎng)址

    10多年的建甌網(wǎng)站建設(shè)經(jīng)驗，針對設(shè)計、前端、開發(fā)、售后、文案、推廣等六對一服務(wù)，響應快，48小時及時工作處理。營銷型網(wǎng)站的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動調(diào)整建甌建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計，從而大程度地提升瀏覽體驗。成都創(chuàng)新互聯(lián)公司從事“建甌網(wǎng)站設(shè)計”,“建甌網(wǎng)站推廣”以來，每個客戶項目都認真落實執(zhí)行。

   http://blog.csdn.net/guoquanyou/article/details/51802849

   http://blog.csdn.net/dengmingrun/article/details/17374273(未測試)

<!DOCTYPE html>  <html lang="en">  <head>  <meta charset="UTF-8">  <title>Document</title>  <style>  video {      border: 1px solid #ccc;      display: block;      margin: 0 0 20px 0;      float:left;  }  #canvas {      margin-top: 20px;      border: 1px solid #ccc;      display: block;  }  </style>  </head>  <body>      <video id="video" width="500" height="400" autoplay></video>      <canvas id="canvas" width="500" height="400"></canvas>      <button id="snap">拍照</button>      <script type="text/javascript">          var context = canvas.getContext("2d");          //當DOM樹構(gòu)建完成的時候就會執(zhí)行DOMContentLoaded事件          window.addEventListener("DOMContentLoaded", function() {              //獲得Canvas對象              var canvas = document.getElementById("canvas");              //獲得video攝像頭區(qū)域              var video = document.getElementById("video");              var videoObj = {                  "video" : true              };              var errBack = function(error) {                  console.log("Video capture error: ", error.code);              };              //獲得攝像頭并顯示到video區(qū)域              if (navigator.getUserMedia) { // Standard                  navigator.getUserMedia(videoObj, function(stream) {                      video.src = stream;                      video.play();                  }, errBack);              } else if (navigator.webkitGetUserMedia) { // WebKit-prefixed                  navigator.webkitGetUserMedia(videoObj, function(stream) {                      video.src = window.webkitURL.createObjectURL(stream);                      video.play();                  }, errBack);              } else if (navigator.mozGetUserMedia) { // Firefox-prefixed                  navigator.mozGetUserMedia(videoObj, function(stream) {                      video.src = window.URL.createObjectURL(stream);                      video.play();                  }, errBack);              }          }, false);          // 觸發(fā)拍照動作          document.getElementById("snap").addEventListener("click", function() {              context.drawImage(video, 0, 0, 640, 480);          });      </script>  </body>  </html>

創(chuàng)新互聯(lián)www.cdcxhl.cn，專業(yè)提供香港、美國云服務(wù)器，動態(tài)BGP最優(yōu)骨干路由自動選擇，持續(xù)穩(wěn)定高效的網(wǎng)絡(luò)助力業(yè)務(wù)部署。公司持有工信部辦法的idc、isp許可證， 機房獨有T級流量清洗系統(tǒng)配攻擊溯源，準確進行流量調(diào)度，確保服務(wù)器高可用性。佳節(jié)活動現(xiàn)已開啟，新人活動云服務(wù)器買多久送多久。

新聞標題：HTML5調(diào)用攝像頭并進行拍照（測試火狐能行）-創(chuàng)新互聯(lián)
當前網(wǎng)址：http://muchs.cn/article32/dsghpc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、響應式網(wǎng)站、手機網(wǎng)站建設(shè)、外貿(mào)建站、商城網(wǎng)站、標簽優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

搜索引擎優(yōu)化