之前在Python上实现了最基础的手势方向的判定功能,因为整体项目是WEB端的,所以需要向WEB平台迁移...
通过查阅资料,opencv.js官方文档还是给的比较全的,不过里面部分函数的输出实在是不太能看的明白....在后面实现的时候带来的很大的困扰...甚至一度影响了进度..
1.页面准备
在WEB页面的摄像头获取基本逻辑和Python中的差不多,只不过在html中需要<video>和<canvas>两个标签,这两个都是H5中的新标签,<video> 标签定义视频,比如电影片段或其他视频流而<canvas>标签定义图形,比如图表和其他图像。需要注意的是<canvas> 标签只是图形容器,必须使用脚本来绘制图形.
所以一个基本的用于获取摄像头视频流并展示的html页面如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Video Capture Example</title>
</head>
<body>
<video id="videoInput" height=240 width=320></video>
<canvas id="canvasFrame" height=240 width=320 ></canvas>
<canvas id="FirstFrame" height=240 width=320 ></canvas>
<canvas id="canvasOutput" height=240 width=320 ></canva