在实际业务开发中,需要在带有摄像头的工作机上拍摄施工现场工作过程的图片,然后上传到服务器备存。
这便需要编写可以运行在浏览器上的代码,并在代码中实现Javascript调取摄像头、截取帧保存为图片的功能。
为了使用户更快掌握JS调取摄像头的实现机制,现将其与服务器端连接的代码剥离,仅展示包念JavaScript调用摄像头的HTML代码。
JsInvokeVideo.html:
无须配置服务器,将上述代码保存为JsInvokeVideo.html,双击运行即可。
注意:编辑该html文件时一定要保存编码为UTF-8,否则运行时会显示乱码,如下所示:
用文本文件打开该JsInvokeVideo.html文件,点击“另存为”,选择编码为“UTF-8”,重新运行会显示正常: