js調用設備攝像頭的方法
更新時間：2018年07月19日 11:35:34 作者：東都花神
這篇文章主要為大家詳細介紹了js調用設備攝像頭的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
本文實例為大家分享了js調用設備攝像頭的具體代碼，供大家參考，具體內容如下
使用getUserMedia這個API來獲取攝像頭的權限
兼容chrome和火狐，IOS不兼容
下面是源碼：
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
</head>
<body>
<video src=""></video>
<script type="text/javascript">
var opt = {
audio: true,
video: {
width: 375,
height: 603
}
};
navigator.mediaDevices.getUserMedia(opt)
.then(function(mediaStream) {
var video = document.querySelector('video');
video.srcObject = mediaStream;
video.onloadedmetadata = function(e) {
video.play();
};
})
.catch(function(err) {
console.log(err.name + ": " + err.message);
}); // always check for errors at the end.
</script>
</body>
</html>
注意，如果使用chrome查看代碼需要在https協(xié)議下才能生效，建議使用火狐查看。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了javascript強制點擊廣告的方法,可用于下載站或文檔顯示站,實現(xiàn)點擊后才能出現(xiàn)相應顯示的功能,非常具有實用價值,需要的朋友可以參考下2015-02-02
本篇文章主要介紹了詳解JS獲取HTML DOM元素的8種方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
JavaScript語言中的Literal Syntax特性分析
JavaScript語言中的Literal Syntax特性分析...2007-03-03
JavaScript 小型打飛機游戲實現(xiàn)原理說明
這次為大家?guī)淼男∮螒蚴牵捍蝻w機。呃。。。我本人就寫不出什么驚天大作的游戲的了，只能寫寫小游戲，代碼量小，又可以學習，主要是想法思路，代碼量大，估計也沒啥人會去研究學習。。。2010-10-10
這篇文章主要分享了js獲取標簽元素data-*屬性值的4種方法，標簽上有兩個屬性??data-id????和???data-user-name??,?需要通過js去獲取，下面文章具體介紹需要的小伙伴可以參考一下2022-06-06
理解javascript中try...catch...finally
這篇文章主要幫助大家理解javascript中try...catch...finally，從淺入深，一步步掌握javascript中try...catch...finally的使用方法，感興趣的小伙伴們可以參考一下2015-12-12
JavaScript數(shù)據(jù)結構之二叉樹的遍歷算法示例
這篇文章主要介紹了JavaScript數(shù)據(jù)結構之二叉樹的遍歷算法,簡單介紹了javascript實現(xiàn)數(shù)據(jù)結構中二叉樹的中序遍歷、先序遍歷及后序遍歷方法與相關使用技巧,需要的朋友可以參考下2017-04-04
ECharts數(shù)據(jù)可視化基本使用之常用圖表類型
這篇文章主要給大家介紹了關于ECharts數(shù)據(jù)可視化基本使用之常用圖表類型的相關資料,echarts是一款基于JavaScript的數(shù)據(jù)可視化圖表庫,提供直觀,生動,可交互,可個性化定制的數(shù)據(jù)可視化圖表,需要的朋友可以參考下2023-11-11
JavaScript實現(xiàn)隨機數(shù)生成器（去重）
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)隨機數(shù)生成器，生成不重復的隨機數(shù)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10
javascript操作cookie的文章(設置，刪除cookies)
一篇javascript處理cookie的文章,腳本之家之前發(fā)布過很多這樣的文章。2010-04-04