前端调用摄像头

最新推荐文章于 2024-02-06 14:39:13 发布

qq_58569936

最新推荐文章于 2024-02-06 14:39:13 发布

阅读量1.7k

点赞数 2

文章标签：前端

原文链接：https://www.html5plus.org/doc/zh_cn/camera.html#plus.camera.CameraOptions

版权

HTML5 JavaScript 扩展API 摄像头视频录制

关键词由优快云通过智能技术生成

<!DOCTYPE html>
<html>
	<head>
	<meta charset="utf-8">
	<title>Camera Example</title>
	<script type="text/javascript">
// 扩展API加载完毕后调用onPlusReady回调函数 
document.addEventListener( "plusready", onPlusReady, false );
// 扩展API加载完毕，现在可以正常调用扩展API 
function onPlusReady() {
	console.log("plusready");
}
var cmr=null;
// 摄像
function videoCapture(){
	cmr = plus.camera.getCamera();
	var res = cmr.supportedVideoResolutions[0];
	var fmt = cmr.supportedVideoFormats[0];
	console.log("Resolution: "+res+", Format: "+fmt);
	cmr.startVideoCapture( function( path ){
			alert( "Capture video success: " + path );  
		},
		function( error ) {
			alert( "Capture video failed: " + error.message );
		},
		{resolution:res,format:fmt}
	);
	// 拍摄10s后自动完成 
	setTimeout( stopCapture, 10000 );
}
// 停止摄像
function stopCapture(){
	console.log("stopCapture");
	cmr.stopVideoCapture();
}
	</script>
	</head>
	<body>
		<button onclick="videoCapture()">摄像</button><br/>
		<button onclick="stopCapture()">停止摄像</button>
	</body>
</html>

（摘自官网）