【创新实训7】手势识别WEB端迁移整合

最新推荐文章于 2022-12-02 09:17:22 发布

Jemary_

最新推荐文章于 2022-12-02 09:17:22 发布

阅读量452

点赞数 1

分类专栏：创新实训

本文链接：https://blog.csdn.net/Jemary_/article/details/89419219

版权

之前在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

最低0.47元/天解锁文章

Jemary_

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
【创新实训7】手势识别WEB端迁移整合

之前在Python上实现了最基础的手势方向的判定功能,因为整体项目是WEB端的,所以需要向WEB平台迁移...通过查阅资料,opencv.js官方文档还是给的比较全的,不过里面部分函数的输出实在是不太能看的明白....在后面实现的时候带来的很大的困扰...甚至一度影响了进度..1.页面准备在WEB页面的摄像头获取基本逻辑和Python中的差不多,只不过在html中需要<video...
复制链接

扫一扫