使用getUserMedia方法调用本地js调用手机摄像头拍照，怎么关闭

来源：蜘蛛抓取(WebSpider) 时间：2017-10-18 06:38 标签： js调用摄像头
请问html5怎么关闭摄像头？_百度知道
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。
请问html5怎么关闭摄像头？
　　html5中的video这个标签是引入视频的，通过navigator.getUserMedia去获取摄像头的视频流，所以要在事件里用关闭的代码都不能执行关闭摄像头，只有关闭网页，摄像头才关闭。html5打开摄像头代码： &!DOCTYPE html&&html lang=&zh-cn&&
&meta content=&text/ charset=UTF-8& http-equiv=&content-type&&
&title&Smart Home - Camera&/title&
&link href=&css/main.css& rel=&stylesheet& type=&text/css&&
&script src=&js/jq.js&&&/script&
&script type=&text/javascript&&
function init(t){
accessLocalWebCam(&camera_box&);
// Normalizes window.URL
window.URL = window.URL || window.webkitURL || window.msURL || window.oURL;
// Normalizes navigator.getUserMedia
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia|| navigator.mozGetUserMedia || navigator.msGetUserM
function isChromiumVersionLower() {
var ua = navigator.userA
var testChromium = ua.match(/AppleWebKit\/.* Chrome\/([\d.]+).* Safari\//);
return (testChromium && (parseInt(testChromium[1].split('.')[0]) & 19));
}function successsCallback(stream) {
document.getElementById('camera_errbox').style.display = 'none';document.getElementById('camera_box').src = (window.URL && window.URL.createObjectURL) ? window.URL.createObjectURL(stream) :
function errorCallback(err) {
function accessLocalWebCam(id) {
// Tries it with spec syntax
navigator.getUserMedia({ video: true }, successsCallback, errorCallback);
} catch (err) {
// Tries it with old spec of string syntax
navigator.getUserMedia('video', successsCallback, errorCallback);
}&/script&
&style type=&text/css&&
#camera_errbox{
width:320 height: border:1px solid #333333; padding:10
color:# text-align:margin:20
font-size:14
#camera_errbox b{
padding-bottom:15
&body onLoad=&init(this)& oncontextmenu=&return false& onselectstart=&return false&&
&div class=&Screen_outer&&
&div id=&mainbox& class=&Screen_inner&&
&div id=&bt_goback&&&/div&
&div class=&logobox&&&/div&&div id=&t_iconbox& class=&icon_12&&&/div&&div id=&t_text&&
&div id=&el_title& class=&font_h2&&Camera&/div&
&div id=&el_descr& class=&font_2&&&/div&
&div class=&t_descri_bt&&&/div&
&div class=&sp_title&&&span class=&sp_title_text&&Camera&/span&&div class=&sp_oc sp_oc_1&&&/div&&/div&
&dl id=&el_actionbox& class=&menu_btbox& style=&text-align:&&
&video id=&camera_box& autoplay=&& src=&&&&/video&
&div id=&camera_errbox&&
&b&请点击“允许”按钮，授权网页访问您的摄像头！&/b&
&div&若您并未看到任何授权提示，则表示您的浏览器不支持Media Capture或您的机器没有连接摄像头设备。&/div&
&/body&&/html&
html5的navigator.getUserMedia似乎只能去请求摄像头的权限，而不能主动关闭掉。需要进浏览器的设置里面自己去关闭。
为您推荐：
其他类似问题
蜂蜜的相关知识
等待您来回答如何html5在浏览器里访问手机后置摄像头？ - 知乎37被浏览20887分享邀请回答davidwalsh.name/demo/camera.php26 条评论分享收藏感谢收起111 条评论分享收藏感谢收起查看更多回答在 SegmentFault，解决技术问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
一线的工程师、著名开源项目的作者们，都在这里：
获取验证码
已有账号？
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
我使用navigator.mediaDevices.getUserMedia()方法打开了本地摄像头，拍完照后需要关闭，但怎么关掉呢？求助...
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
stream.getTracks()[0].stop();
stream是getUserMedia onSuccess回调中的实例
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
navigator.mediaDevices.getUserMedia(constraints).then(function(stream) {
var track = stream.getTracks()[0];
// if only one media track
track.stop();
}).catch(function(err) {
/* handle the error */
同步到新浪微博
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：

我要回帖

更多关于 js调用摄像头 的文章

 

随机推荐