• <sub id="xcyjv"></sub><nav id="xcyjv"><code id="xcyjv"><meter id="xcyjv"></meter></code></nav>
      <nav id="xcyjv"></nav>
    1. <form id="xcyjv"><th id="xcyjv"></th></form><nav id="xcyjv"><mark id="xcyjv"></mark></nav>

        javascript實現攝像頭拍照預覽

         更新時間:2019年09月30日 15:46:20   作者:feri   我要評論
        這篇文章主要為大家詳細介紹了javascript實現攝像頭拍照預覽,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下

        使用javascript實現電腦攝像頭的打開和截圖的功能,供大家參考,具體內容如下

        <!DOCTYPE html>
        <html>
        <head>
        <meta charset="UTF-8">
        <title>攝像頭調用實例</title>
        <script type="text/javascript" src="jquery-3.2.1.min.js"></script>
        <script type="text/javascript">
         var video, mediaStreamTrack, canvas;//聲明全局變量
         //打開攝像頭
         function dk() {
          video = document.getElementById("v1");
          var videoObj = {
           "video" : true
          };
          var errBack = function(error) {
           console.log("Video capture error: ", error.code);
          };
          //根據瀏覽器的不同選取不同的支持
          if (navigator.getUserMedia) { // Standarda
           navigator.getUserMedia(videoObj, function(stream) {
            mediaStreamTrack = typeof stream.stop === 'function' ? stream
              : stream.getTracks()[1];
            video.src = stream;//獲取攝像頭抓取的到字節流
            video.play();//實時播放攝像頭
           }, errBack);
          } else if (navigator.webkitGetUserMedia) { // WebKit-prefixed
           navigator.webkitGetUserMedia(videoObj, function(stream) {
            mediaStreamTrack = typeof stream.stop === 'function' ? stream
              : stream.getTracks()[1];
            video.src = window.webkitURL.createObjectURL(stream);
            video.play();
           }, errBack);
          } else if (navigator.mozGetUserMedia) { // Firefox-prefixed
           navigator.mozGetUserMedia(videoObj, function(stream) {
            mediaStreamTrack = typeof stream.stop === 'function' ? stream
              : stream.getTracks()[1];
            video.src = window.URL.createObjectURL(stream);
            video.play();
           }, errBack);
          }
         }
         //截圖
         function jq() {
          canvas = document.getElementById("c1");
          var context = canvas.getContext("2d");
          //將視頻當前的頁面轉換為圖片,顯示到畫板中
          context.drawImage(video, 0, 0, 200, 202);
          //把canvas圖像轉為img圖片
          /* var src = canvas.toDataURL("image/jpeg");
          createImg(src); */
         }
         //關閉攝像頭
         function gb() {
          mediaStreamTrack.stop();
         }
         //生成圖片
         /* function createImg(src) {
          var dv = document.getElementById("dv1");
          var img = document.createElement("img");
          img.setAttribute("src", src);
          img.setAttribute("width", 205);
          img.setAttribute("height", 205);
          dv.appendChild(img);
         } */
         //上傳
         /* function sc() {
          $.post('TestServlet', {
           "img" : canvas.toDataURL().substr(22)
          }, function(data, status) {
           alert(status != "success" ? "圖片處理出錯!" : data == "yes" ? "圖片上傳完成!"
             : data);
          });
         } */
        </script>
        <style type="text/css">
        input[type="button"]{
        border: 1px solid red;
        }
        </style>
        </head>
        <body>
         <div>
          <input type="button" value="打開" onclick="dk()"> 
          <input type="button" value="截取圖像" onclick="jq()"> 
          <input type="button" value="關閉" onclick="gb()">
         </div>
         <div>
          <!--視頻 -->
          <video width="200px" height="200px" id="v1"></video>
          <br />
          <!--畫板 -->
          <canvas id="c1"></canvas>
          <br />
         </div>
         <!--記錄每次截圖的結果 -->
         <!-- <div id="dv1"></div> -->
        </body>
        </html>

        但是谷歌瀏覽器可以打開攝像頭,無法獲取實時數據;鸷容^好用。

        以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

        相關文章

        • javascript獲取網頁寬高方法匯總

          javascript獲取網頁寬高方法匯總

          本文給大家匯總介紹了下javascript獲取網頁寬高的方法,以及各個瀏覽器下不同方法獲取到的值的對比,有需要的小伙伴可以參考下。
          2015-07-07
        • JS實現異步上傳壓縮圖片

          JS實現異步上傳壓縮圖片

          這篇文章主要為大家詳細介紹了JS實現異步上傳壓縮圖片,并立即顯示圖片,具有一定的參考價值,感興趣的小伙伴們可以參考一下
          2017-04-04
        • 讓插入到 innerHTML 中的 script 跑起來的實現代碼

          讓插入到 innerHTML 中的 script 跑起來的實現代碼

          在做 ajax 編程時,我們常常需要將 xmlhttp 獲取到的頁面內容通過 innerHTML 來賦給某個容器(比如 div、span 或者 td 等),但是這里存在一個問題,就是我們將要賦給 innerHTML 的頁面內容如果包含有腳本程序,這些腳本程序不管是外部腳本,還是內部腳本,可能(1)都不會被執行。
          2006-07-07
        • Javascript Web Slider 焦點圖示例源碼

          Javascript Web Slider 焦點圖示例源碼

          Slider 焦點圖會在很多的網站上見到,在本文為大家詳細介紹下具體的實現過程,下面的源碼大家可以運行下
          2013-10-10
        • 下拉菜單既可以選擇,又可以自己填寫

          下拉菜單既可以選擇,又可以自己填寫

          下拉菜單既可以選擇,又可以自己填寫...
          2006-07-07
        • JS簡單生成隨機數(隨機密碼)的方法

          JS簡單生成隨機數(隨機密碼)的方法

          這篇文章主要介紹了JS簡單生成隨機數(隨機密碼)的方法,簡單分析了javascript隨機數相關函數并結合具體實例形式分析了隨機數的相關生成技巧,需要的朋友可以參考下
          2017-05-05
        • js獲取鼠標點擊的對象,點擊另一個按鈕刪除該對象的實現代碼

          js獲取鼠標點擊的對象,點擊另一個按鈕刪除該對象的實現代碼

          下面小編就為大家帶來一篇js獲取鼠標點擊的對象,點擊另一個按鈕刪除該對象的實現代碼。小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
          2016-05-05
        • js表單元素checked、radio被選中的幾種方法(詳解)

          js表單元素checked、radio被選中的幾種方法(詳解)

          下面小編就為大家帶來一篇js表單元素checked、radio被選中的幾種方法(詳解)。小編覺得挺不錯的,現在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
          2016-08-08
        • JavaScript數據操作_淺談原始值和引用值的操作本質

          JavaScript數據操作_淺談原始值和引用值的操作本質

          下面小編就為大家帶來一篇JavaScript數據操作_淺談原始值和引用值的操作本質。小編覺得挺不錯的,現在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
          2016-08-08
        • JavaScript 放大鏡 移動鏡片效果代碼

          JavaScript 放大鏡 移動鏡片效果代碼

          JavaScript 放大鏡是我成為前端后寫的第一個組件, 從中學到了很多東西. 現在已經過去超過半年, 我希望能在自己仍有印象的時候, 整理和重新思考其中的一些處理方法, 將它改進, 并將這些想法寫出來
          2011-05-05

        最新評論

        01彩票网app
      1. <sub id="xcyjv"></sub><nav id="xcyjv"><code id="xcyjv"><meter id="xcyjv"></meter></code></nav>
          <nav id="xcyjv"></nav>
        1. <form id="xcyjv"><th id="xcyjv"></th></form><nav id="xcyjv"><mark id="xcyjv"></mark></nav>
            寿光 | 邢台 | 博罗 | 六盘水 | 巴音郭楞 | 新余 | 单县 | 六安 | 遵义 | 如皋 | 德阳 | 临沧 | 桐乡 | 内江 | 吉林 | 安康 | 周口 | 武威 | 东方 | 昌吉 | 浙江杭州 | 唐山 | 泉州 | 垦利 | 莆田 | 和田 | 营口 | 秦皇岛 | 黄冈 | 潮州 | 漯河 | 巴音郭楞 | 梅州 | 柳州 | 温州 | 大连 | 五家渠 | 宜都 | 湖南长沙 | 锦州 | 运城 | 邯郸 | 平潭 | 包头 | 灵宝 | 兴安盟 | 琼海 | 禹州 | 黔东南 | 乌兰察布 | 新余 | 琼中 | 济宁 | 宿州 | 盐城 | 那曲 | 丹东 | 双鸭山 | 寿光 | 温岭 | 大同 | 营口 | 沛县 | 濮阳 | 绥化 | 临夏 | 桐城 | 霍邱 | 临沂 | 佳木斯 | 六安 | 广州 | 曲靖 | 本溪 | 达州 | 桂林 | 仁怀 | 株洲 | 桂林 | 鸡西 | 陕西西安 | 香港香港 | 垦利 | 陇南 | 改则 | 柳州 | 甘肃兰州 | 绵阳 | 阜阳 | 德清 | 汝州 | 孝感 | 随州 | 益阳 | 广饶 | 池州 | 辽宁沈阳 | 丽水 | 儋州 | 白银 | 宜都 | 义乌 | 图木舒克 | 宿州 | 库尔勒 | 沛县 | 溧阳 | 佳木斯 | 甘肃兰州 | 许昌 | 新泰 | 赣州 | 贵州贵阳 | 山西太原 | 莒县 | 那曲 | 溧阳 | 濮阳 | 新余 | 通辽 | 齐齐哈尔 | 玉环 | 汕尾 | 澄迈 | 昭通 | 霍邱 | 晋城 | 自贡 | 平顶山 | 遵义 | 赣州 | 南京 | 衢州 | 清徐 | 那曲 | 开封 | 攀枝花 | 南阳 | 四平 | 长葛 | 寿光 | 林芝 | 平顶山 | 晋城 | 天水 | 威海 | 东台 | 宜宾 | 抚州 | 兴化 | 盐城 | 武夷山 | 本溪 | 济宁 | 黔南 | 内蒙古呼和浩特 | 河北石家庄 | 河南郑州 | 攀枝花 | 济源 | 诸暨 | 三门峡 | 台南 | 金华 | 惠东 | 武夷山 | 延边 | 溧阳 | 宁国 | 鹤壁 | 东营 | 福建福州 | 昆山 | 呼伦贝尔 | 惠州 | 攀枝花 | 阳泉 | 信阳 | 山东青岛 | 保定 | 巴音郭楞 | 保定 | 襄阳 | 新乡 | 遵义 | 平凉 | 大兴安岭 | 香港香港 | 吐鲁番 | 河池 | 枣阳 | 安顺 | 庆阳 | 凉山 | 七台河 | 济南 | 黔东南 | 鄢陵 | 内蒙古呼和浩特 | 昭通 | 张家界 | 馆陶 | 滕州 | 陇南 | 阳江 | 洛阳 | 瑞安 | 瓦房店 | 烟台 | 文昌 | 牡丹江 | 许昌 | 扬中 | 益阳 | 安顺 | 沭阳 | 眉山 | 商洛 | 商丘 | 定安 | 平顶山 | 湛江 | 揭阳 | 楚雄 | 大兴安岭 | 三河 | 山东青岛 | 益阳 | 吐鲁番 | 任丘 | 巴中 | 菏泽 | 正定 | 鞍山 | 武威 | 驻马店 | 海北 | 汝州 | 泗阳 | 基隆 | 基隆 | 榆林 | 灌云 | 日照 | 郴州 | 鹤壁 | 渭南 | 齐齐哈尔 | 黄山 | 贵州贵阳 | 乌海 | 泰安 | 伊犁 | 塔城 | 中卫 | 偃师 | 固原 | 厦门 | 贺州 | 广安 | 安岳 | 姜堰 | 正定 | 岳阳 | 邵阳 | 乐清 | 图木舒克 | 菏泽 | 武夷山 | 运城 | 唐山 | 正定 | 河南郑州 | 石狮 | 清徐 | 惠东 | 沭阳 | 黄石 | 湘潭 | 莱芜 | 乳山 | 桂林 | 迪庆 | 丽江 | 日喀则 | 鄢陵 | 淮安 | 桐乡 | 西双版纳 | 桐城 | 辽源 | 赣州 | 乳山 | 葫芦岛 | 神农架 | 平凉 | 大庆 | 朔州 | 朝阳 | 伊犁 | 随州 | 平凉 | 泗洪 | 无锡 | 新疆乌鲁木齐 | 安阳 | 阿里 | 钦州 | 大连 | 宣城 | 灵宝 | 宁国 | 商丘 | 灌南 | 博尔塔拉 | 普洱 | 朝阳 | 廊坊 | 聊城 | 德州 | 深圳 | 达州 | 琼海 | 大理 | 牡丹江 | 张掖 | 霍邱 | 泗洪 | 通化 | 果洛 | 漯河 | 通化 | 锦州 | 东营 | 内江 | 晋中 | 遵义 | 内蒙古呼和浩特 | 汉中 | 基隆 | 巴中 | 遵义 | 通辽 | 新泰 | 黑龙江哈尔滨 | 香港香港 | 南充 | 赤峰 | 通辽 | 保山 | 仙桃 | 新泰 | 清远 | 绵阳 | 莱州 | 潍坊 | 伊犁 | 龙口 | 赵县 | 崇左 | 来宾 | 十堰 | 德阳 | 慈溪 | 铜仁 | 沛县 | 文昌 | 东营 | 山南 | 岳阳 | 平潭 | 晋中 | 镇江 | 吴忠 | 南安 | 荆门 | 晋中 | 宜春 | 博尔塔拉 | 吉林 | 南充 | 雅安 | 蚌埠 | 保定 | 大庆 | 黔东南 | 通辽 | 黑河 | 绥化 | 大丰 | 济源 | 廊坊 | 鄢陵 | 兴安盟 | 平凉 | 长治 | 黔南 | 惠东 | 襄阳 | 鄂州 | 衡水 | 云南昆明 | 海门 | 西双版纳 | 临猗 | 兴化 | 燕郊 | 顺德 | 临海 | 大庆 | 无锡 | 马鞍山 | 三亚 | 安庆 | 扬州 | 阿拉善盟 | 宜昌 | 庆阳 | 安岳 | 大同 | 沧州 | 南阳 | 江苏苏州 | 石嘴山 | 宁国 | 唐山 | 六安 | 贺州 | 仙桃 | 聊城 | 贵港 | 雄安新区 | 包头 | 濮阳 | 东方 | 禹州 | 泗洪 | 临汾 | 威海 | 定州 | 邯郸 | 昌吉 | 朔州 | 顺德 | 昌吉 | 涿州 | 乐清 | 张家界 | 泰兴 | 莒县 | 燕郊 | 伊春 | 阿坝 | 聊城 | 河源 | 黄石 | 百色 | 海西 | 长兴 | 沭阳 | 仁怀 | 黔西南 | 茂名 | 伊春 | 湘西 | 莱州 | 中卫 | 铜川 | 黔西南 | 杞县 | 株洲 | 大兴安岭 | 图木舒克 | 海西 | 阜阳 | 新余 | 九江 | 河池 | 东方 | 塔城 | 贵州贵阳 | 文山 | 南阳 | 陕西西安 | 瓦房店 | 镇江 | 梅州 | 宁国 | 大连 | 阿坝 | 秦皇岛 | 安徽合肥 | 株洲 | 德阳 | 迁安市 | 秦皇岛 | 苍南 | 张家界 | 白山 | 和县 | 张家界 | 吉林长春 | 宜春 | 济源 | 海南 | 临汾 | 宁德 | 兴安盟 | 佳木斯 | 启东 | 泰州 | 海南 | 衡阳 | 东阳 | 石狮 | 宿迁 | 中山 | 绵阳 | 巴音郭楞 | 保亭 | 安吉 | 黑河 | 唐山 | 潮州 | 沛县 | 牡丹江 | 邳州 | 克孜勒苏 | 钦州 | 神农架 | 临猗 | 廊坊 | 黄山 | 潜江 | 长葛 | 嘉兴 | 东方 | 广饶 | 南京 | 延安 | 崇左 | 江西南昌 | 张家口 | 松原 | 牡丹江 | 石嘴山 | 张家口 | 鹤壁 | 三河 | 图木舒克 | 承德 | 吴忠 | 东阳 | 安徽合肥 | 儋州 | 庆阳 | 博罗 | 固原 | 湘西 | 绵阳 | 瑞安 | 燕郊 | 乐山 | 鹤壁 | 肥城 | 泰兴 | 襄阳 | 佳木斯 | 莒县 | 绍兴 | 上饶 | 喀什 | 迁安市 | 湛江 | 海南海口 | 五指山 | 大连 | 镇江 | 江门 | 迪庆 | 辽宁沈阳 | 海东 | 溧阳 | 湛江 | 固原 | 庆阳 | 凉山 | 绵阳 | 嘉兴 | 金昌 | 广汉 | 武威 | 伊犁 | 鄢陵 | 宁夏银川 | 雅安 | 枣庄 | 巴彦淖尔市 | 锦州 | 沛县 | 临沂 | 石嘴山 | 济源 | 湘西 | 白山 | 韶关 | 乐平 | 台山 | 西藏拉萨 | 包头 | 高密 | 北海 | 山南 | 吴忠 | 开封 | 铜陵 | 甘孜 | 阿拉尔 | 泉州 | 启东 | 昆山 | 贵港 | 来宾 | 大同 | 宁波 | 巴中 | 泗阳 | 莱州 | 宁国 | 慈溪 | 任丘 | 益阳 | 双鸭山 | 慈溪 | 邹城 | 海东 | 白山 | 海宁 | 河源 | 邢台 | 和县 | 无锡 | 周口 | 衡水 | 巴音郭楞 | 海南海口 | 昌都 | 武夷山 | 宿迁 | 南京 | 高密 | 吉林 | 山东青岛 | 河池 | 济宁 | 海拉尔 | 台中 | 延安 | 简阳 | 保定 | 五家渠 | 威海 | 温岭 | 揭阳 | 吴忠 | 巴彦淖尔市 | 连云港 | 吉林 | 高雄 | 鞍山 | 保定 | 铁岭 | 珠海 | 永新 | 吉林 | 安庆 | 江西南昌 | 宁德 | 伊犁 | 鄂州 | 阳春 | 德阳 | 梅州 | 宜宾 | 燕郊 | 迁安市 | 丽江 | 永州 | 永新 | 西双版纳 | 四平 | 包头 | 三河 | 日照 | 锡林郭勒 | 梅州 | 武安 | 新乡 | 六安 | 绵阳 | 铁岭 | 定西 | 张家界 | 聊城 | 娄底 | 怀化 | 咸阳 | 嘉兴 | 福建福州 | 东台 | 泗阳 | 牡丹江 | 库尔勒 | 兴化 | 醴陵 | 黑龙江哈尔滨 | 山南 | 基隆 | 沛县 | 济南 | 洛阳 | 延安 | 芜湖 | 昌都 | 招远 | 漳州 | 蚌埠 | 芜湖 | 咸阳 | 海丰 | 溧阳 | 茂名 | 张北 | 吉林长春 | 汕尾 | 澳门澳门 | 玉林 | 聊城 | 伊犁 | 高雄 | 武夷山 | 舟山 | 绍兴 | 黄石 | 黔东南 | 莱芜 | 馆陶 | 株洲 | 双鸭山 | 北海 | 临夏 | 温岭 | 天水 | 南阳 | 自贡 | 龙岩 | 单县 | 昭通 | 阜阳 | 西藏拉萨 | 扬中 | 日喀则 | 河源 | 衡水 | 济宁 | 鸡西 | 惠州 | 洛阳 | 新沂 | 曹县 | 兴安盟 | 东方 | 明港 | 五家渠 | 泸州 | 深圳 | 神木 | 安徽合肥 | 济南 | 宁德 | 广元 | 济南 | 黑河 | 湖北武汉 | 永新 | 辽阳 | 汉中 | 镇江 | 临海 | 新沂 | 萍乡 | 海宁 | 许昌 | 驻马店 | 株洲 | 自贡 | 大庆 | 衡水 | 三沙 | 临汾 | 黔西南 | 淮北 | 仙桃 | 咸宁 | 七台河 | 玉溪 | 海北 | 宿州 | 单县 | 喀什 | 浙江杭州 | 涿州 | 眉山 | 甘南 | 荆州 | 四平 | 海安 | 莆田 | 嘉兴 | 九江 | 南京 | 巢湖 | 濮阳 | 香港香港 | 阿拉尔 | 曹县 | 南平 | 三亚 | 咸宁 | 温州 | 牡丹江 | 信阳 | 大兴安岭 | 洛阳 | 鹤壁 | 湘西 | 烟台 | 汝州 | 湖南长沙 | 武威 | 沧州 | 鄂尔多斯 | 福建福州 | 七台河 | 驻马店 | 海安 | 德州 | 安徽合肥 | 邯郸 | 牡丹江 | 景德镇 | 崇左 | 马鞍山 | 定西 | 绵阳 | 金昌 | 乐山 | 琼海 | 邯郸 | 仁寿 | 永州 | 黄山 | 龙岩 | 安吉 | 梧州 | 达州 | 武夷山 | 邢台 | 渭南 | 汝州 | 葫芦岛 | 山东青岛 | 抚顺 | 天长 | 钦州 | 青州 | 青海西宁 | 武夷山 | 广州 | 温岭 | 濮阳 | 青海西宁 | 长兴 | 赤峰 | 梅州 | 吐鲁番 | 苍南 | 阳春 | 项城 | 阿里 | 金华 | 邳州 | 娄底 | 邳州 | 百色 | 三河 | 包头 | 镇江 | 阜阳 | 临汾 | 吉安 | 九江 | 温岭 | 泰安 | 哈密 | 阳江 | 百色 | 上饶 | 琼中 | 长垣 | 阿坝 | 阜新 | 潜江 | 襄阳 | 萍乡 | 海东 | 蚌埠 | 武夷山 | 海丰 | 梅州 | 雄安新区 | 巴音郭楞 | 威海 | 青州 | 襄阳 | 永州 | 建湖 | 呼伦贝尔 | 济源 | 遂宁 | 南安 | 大丰 | 林芝 | 巴音郭楞 | 贵港 | 南通 | 武安 | 海东 | 阿勒泰 | 广元 | 运城 | 延边 | 宝鸡 | 屯昌 | 马鞍山 | 黄冈 | 安徽合肥 | 嘉兴 | 大连 | 临沧 | 六盘水 | 铁岭 | 焦作 | 潮州 | 防城港 | 喀什 | 朔州 | 滁州 | 乳山 | 醴陵 | 十堰 | 郴州 | 鄂尔多斯 | 余姚 | 章丘 | 绍兴 | 香港香港 | 绵阳 | 沛县 | 庆阳 | 东阳 | 大同 | 改则 | 烟台 | 三河 | 济源 | 东阳 | 运城 | 云南昆明 | 德阳 | 迁安市 | 毕节 | 盘锦 | 阳春 | 巢湖 | 鄂州 | 溧阳 | 龙口 | 昭通 | 澄迈 | 泗洪 | 黑河 | 山南 | 盘锦 | 西双版纳 | 铜陵 | 牡丹江 | 瓦房店 | 神木 | 三明 | 仁寿 | 禹州 | 包头 | 濮阳 | 高密 | 滁州 | 海宁 | 济宁 | 黔西南 | 丽江 | 义乌 | 宿迁 | 通辽 | 嘉善 | 新沂 | 阿勒泰 | 浙江杭州 | 南京 | 十堰 | 黄南 | 那曲 | 保定 | 澄迈 | 辽阳 | 榆林 | 澄迈 | 金华 | 昭通 | 玉林 | 神木 | 仁寿 | 博尔塔拉 | 舟山 | 温州 | 孝感 | 营口 | 长兴 | 醴陵 | 德清 | 宣城 | 陇南 | 鸡西 | 梅州 | 乐山 | 山西太原 | 万宁 | 山南 | 宜宾 | 台南 | 霍邱 | 赵县 | 通化 | 厦门 | 台州 | 阿拉尔 | 孝感 | 漳州 | 吐鲁番 | 龙岩 | 赤峰 | 昭通 | 陇南 | 宁德 | 咸宁 | 兴化 | 武威 | 灌云 | 阿勒泰 | 德阳 | 上饶 | 仁寿 | 开封 | 基隆 | 山西太原 | 鄂州 | 锡林郭勒 | 武夷山 | 咸阳 | 金华 | 盘锦 |