这篇文章主要介绍了Java脚本语言如何在浏览器中使用摄像头，帮助大家更好的理解和学习JavaScript，感兴趣的朋友可以了解下
1.获得摄像头权限（本文使用chrome）
首先确保你运行以下射流研究…所在的全球资源定位器(统一资源定位器)是https协议的或者本地主机的：
常数约束={
视频：真的，
音频：真实
}
领航员。媒体设备。getuser媒体(约束)。然后(流={
console.log('得到溪流的类型是媒体流)
})
//在一些老的浏览器上的话：
//navigator.webkitGetUserMedia
//navigator.mozGetUserMedia
之后你的浏览器会有弹出框，告诉你你的浏览器想要访问相机，问你是否允许。
此外，这里的限制可以设置分辨率的最小、理想和最大值，还可以在手机端通过设置面对模式来控制摄像头的方向等。
2.将得到的stream：MediaStream给video, camera实现直播效果
const video=文档。createelement(“video”)；
//document.body.appendChild(视频)
常数约束={
视频：真的，
音频：真实
}
领航员。媒体设备。getuser媒体(约束)。然后(流={
video.srcObject=stream
视频。play()；
})
此时录像将播放照相机实时录制下来的内容
3.照相
//展示相片的图像标签
const image=文档。createelement(“图像”)
//画布会读取录像中的内容，然后输出（有点类似于给录像截图)
const canvas=文档。createelement(“画布”)
const video=文档。getelementbyid(' video ')；
const context=画布。获取上下文(“2d”)
context.drawImage(video，0，0，canvas.height，canvas.width)
//此时将帆布生成的图片转换成一个数据全球资源定位器(Uniform Resource Locator)
const url=canvas.toDataURL()
image.src=url
4.录像
需要在2.媒体流给录像的基础上做些修改
常数约束={
视频：真的，
音频：真实
}
让媒体记录器
领航员。媒体设备。getuser媒体(约束)。然后(流={
mediaRecorder=新媒体记录器(流)
})
startRecord() {
mediaRecorder.start()
媒体记录器。可用数据=e={
推送(电子数据)
}
}
stopRecord() {
mediaRecorder.stop()
返回新承诺(resolve={
mediaRecorder.onstop=e={
const blob=new Blob(chunks，{ type:' video/ogg；编解码器=opus' })
const audioURL=window .URL.createObjectURL(blob)
解决（音频网址)
}
})
}
//视频标签用来展示录制下来的内容
const video=文档。createelement(“video”)；
//document.body.appendChild(视频)
//开始录像
开始记录()
//做点什么.比方说这里搞两个按钮、一个开始录影，一个结束录影
//结束录影
停止记录().然后(videoUrl={
video.src=videoUrl
})
//此时录像标签的内容就是你录制下来的内容。
以上就是Java脚本语言如何在浏览器中使用摄像头的详细内容，更多关于Java脚本语言浏览器使用摄像头的资料请关注我们其它相关文章！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。