主要就是用到navigator对象（各个浏览器基本上都支持该对象，多以无需引入其他文件也不用声明，直接在文件中使用），结合html5新增的<video>和<canvas>两个标签完成，
navigator.mediaDevices 返回一个 MediaDevices 对象，该对象可提供对相机和麦克风等媒体输入设备的连接访问，也包括屏幕共享
navigator.mediaDevices.getUserMedia(constraints)会返回MediaStream对象，里面包含了请求的媒体类型（video,audio等等）
效果如下