js开启摄像头

开启前代码准备

html一共需要:

  • 俩按钮(一个open摄像,一个拍照)
  • 一个video(用于摄像显示)
  • 一个canvas(用于绘制图片,就是拍照)

js一共需要:

  • 一个constraints对象当参数,包括请求的媒体类型和相对应的参数,俩东西video和audio
  • 一个navigator的接口:mediaDevices
  • 调用mediaDevices的一个方法getUserMedia(),参数为constraints,用完返回一个promise对象
  • 成功就是用户允许、并且有摄像头,失败就是不允许or没有摄像

准备结束,代码部分

下面全部代码,拉走直接可以用(我说的是chrome、Firefox)




    
    


    
开启摄像
拍照

 

你可能感兴趣的:(javascript)