之前看到一个面试题是html5拍照。

这边的用到的一个api是

navigator.getUserMedia(constraints, successCallback, errorCallback);

其中constraints是LocalMediaStream所支持的本地媒体类型，必须传入

{ video: true, audio: true }

successCallback就是成功的回调函数，一般是把影像传到页面上

function(localMediaStream) {   var video = document.querySelector('video');   video.src = window.URL.createObjectURL(localMediaStream);   video.onloadedmetadata = function(e) {      // Do something with the video here.   };},

errorCallback是错误回调，没什么好说的 如果要拍照的话保存图片是要用到canvas的 context.drawImage()方法将图片保存得到画布上。 这边给出一个实例

    
      
      
             
     
 
       
       
       
      Snap Photo 
       
     
  

 

最后有一个问题，这段代码必须在服务器上运行，不知为何，在jsbin上也是可以的。知道的人可以帮忙解答，谢谢