当前位置： 首页 > news >正文

MindAR的网页端WebAR图片识别功能的图片目标编译器中文离线版本功能（含源码）

news 2026/4/1 6:55:34

前言

之前制作了基于MindAR实现的网页端WebAR图片识别叠加动作模型追踪功能的demo，使用了在线的图像目标编译器对识别图进行了编译，并实现了自制的WebAR效果，大致效果如下：
在这里插入图片描述

但是在线的编译器在操作中也不是很方便，我想个人部署一个本地的图像目标编译器，这样自己使用起来还是比较的方便快捷，而且该项目的源码中也提供了相应的例子，我在这个案例基础上进行了汉化和修改，即可得到本地版本的图像目标编译器。同时该网页提供了单目标图生成、多目标图生成、生成进度展示、删除识别图和下载识别图等功能。

环境安装

需要node.js环境，下载代码仓库和执行构建等操作，这些个的步骤在前言中提到的博客中已经有介绍，这里就不重复的介绍了。

编码&汉化

这里在代码仓库的mind-ar-js-master\examples\image-tracking\compile.html的基础上进行了修改，主要对其介绍文字进行了汉化：

  <body><div><p>使用方法:</p><ol><li>将目标图像(例如.png)放入放置区域(可放置多个（多图追踪）)。</li><li>单击“开始生成”，可能需要等待一段时间(特别是对于大图片可能会更久)。</li><li>完成后，会显示一些生成图片，您可以预览带特征点的识别图。</li><li>点击“下载文件”获取图片检测的mind文件，这可以用于WebAR的开发。</li></ol></div><button id="startButton">开始生成</button><button id="downloadButton">下载文件</button><span id="progress"></span><div id="dropzone" class="dropzone"></div><div id="container"></div></body>

同时，这个网页还使用了dropzone插件，将托管在云上的dropzone.min.js 和 dropzone.min.css 下载放置本地即可（别忘了修改相对位置）。

功能展示

汉化后的使用说明：
使用方法:
1.将目标图像(例如.png)放入放置区域(可放置多个（多图追踪）)。
2.单击“开始生成”，可能需要等待一段时间(特别是对于大图片可能会更久)。
3.完成后，会显示一些生成图片，您可以预览带特征点的识别图。
4.点击“下载文件”获取图片检测的mind文件，这可以用于WebAR的开发。

单目标图生成：
在这里插入图片描述

多目标图生成：
在这里插入图片描述

删除识别图：
在这里插入图片描述

下载识别图：

在这里插入图片描述

源码

https://download.csdn.net/download/qq_33789001/87542299

相关文章：

MindAR的网页端WebAR图片识别功能的图片目标编译器中文离线版本功能（含源码）

前言 之前制作了基于MindAR实现的网页端WebAR图片识别叠加动作模型追踪功能的demo&#xff0c;使用了在线的图像目标编译器对识别图进行了编译&#xff0c;并实现了自制的WebAR效果&#xff0c;大致效果如下&#xff1a; 但是在线的编译器在操作中也不是很方便&#xff0c;我…...

编程日记 2023/4/23 6:57:31

测试经理：“你做了三年测试，连服务端的接口测试都不会？”

服务端的接口测试我们一般从功能开始进行测试&#xff0c;比如请求参数和响应参数的校验&#xff0c;业务逻辑或业务规则的校验&#xff0c;数据库操作的校验。 功能正常后会根据需要进行安全相关的检查、性能测试以及系列扩展测试&#xff0c;比如与历史版本的兼容性测试、接…...

编程日记 2023/4/23 6:57:29

4G AFR到5G应用场景介绍

前面文章介绍过AFR的机制及流程 AFR机制及流程介绍 (qq.com) GSM AFR到LTE流程...

编程日记 2023/4/23 6:57:28

正电源子 IMX6ULL 自学笔记（驱动开发）

一、字符设备驱动开发 1.1 字符设备驱动简介 字符设备是 Linux 驱动中最基本的一类设备驱动&#xff0c;字符设备就是一个一个字节&#xff0c;按照字节流进行读写操作的设备&#xff0c;读写数据是分先后顺序的。比如我们最常见的点灯、按键、IIC、SPI&#xff0c;LCD 等等都…...

编程日记 2023/3/9 1:06:44

AM5728(AM5708)开发实战之移植OpenCV-3.4.11

一 概述 OpenCV是一个开源的跨平台计算机视觉库&#xff0c;可以运行在Linux、Windows、Mac OS等操作系统上&#xff0c;它为图像处理、模式识别、三维重建、物体跟踪、机器学习提供了丰富的算法。 由于OpenCV依赖包特别多&#xff0c;尽量不要使用交叉编译&#xff0c;即在什…...

编程日记 2023/3/9 1:05:40

Notepad++ 下载与安装教程

文章目录Notepad 下载与安装教程Notepad 简介一&#xff0c;Notepad 下载二&#xff0c;Notepad 安装Notepad 下载与安装教程 Notepad 简介 Notepad是程序员必备的文本编辑器&#xff0c;Notepad中文版小巧高效&#xff0c;支持27种编程语言&#xff0c;通吃C,C ,Java ,C#, XM…...

编程日记 2023/3/9 1:04:38

005+limou+HTML——（5）HTML图片和HTML超链接

1、图片标签<img> &#xff08;1&#xff09;图片标签属性 [src]&#xff1a;用于指定这个图片所在的路径&#xff0c;常使用相对路径&#xff0c;比较少使用绝对路劲。如果图片路径有错误的话&#xff0c;就会发生图片显示错误[alt]&#xff1a;用于指定图片的提示文字…...

编程日记 2023/3/9 1:03:35

ES6 Generator

Generator Generator是es6引入的&#xff0c;主要用于异步编程。 最大特点是可以交出函数的执行权(即暂停执行)。 它和普通的函数写法有点不同 function关键字与函数名之间有一个*号&#xff0c;以与普通函数进行区别。 它不同于普通函数&#xff0c;是可以暂停执行的。 Gen…...

编程日记 2023/3/9 1:02:34

SCI期刊写作必备（二）：代码｜手把手绘制目标检测领域YOLO论文常见的性能对比折线图，一键生成YOLOv7等主流论文同款图表，包含多种不同功能风格对比图表

绘制一个原创属于自己的YOLO模型性能对比图表 具体绘制操作参考：（附Python代码，直接一键生成，精度对比图表代码 ） 只需要改动为自己的mAP、Params、FPS、GFlops等数值即可，一键生成 多种图表风格📈，可以按需挑选 文章目录 绘制一个原创属于自己的YOLO模型性能对比图…...

编程日记 2023/3/9 1:01:31

linux cpu飙高排查

linux定位cpu飙高原因 jpstop 定位应用进程 pidtop -Hp {pid}找到线程 tid将 tid 转换成十六进制 printf “%x\n” {tid}jstack 打印堆栈信息过滤出我们想要的 jpstop 定位应用进程 pid jps或ps -ef | grep java查看java进程id jps结果&#xff1a; 57152 abc.jar 83383 e…...

编程日记 2023/3/9 1:00:30

2023实习面试公司【二】

2023实习面试第二家公司 文章目录2023实习面试第二家公司前言一、面试官所问的问题&#xff1f;二、总结1.公司待遇2.推荐指数3.自己的感受前言 某岸科技&#xff0c;这家公司是我从拉钩上找的第二家面试公司&#xff0c;也是北京本地的一家公司。 提示&#xff1a;以下是本篇…...

编程日记 2023/3/9 0:59:26

C++ thread_local 存储类

目录标题概述实现场景总结概述 thread_local指示对象拥有线程存储期。也就是对象的存储在线程开始时分配&#xff0c;而在线程结束时解分配。每个线程拥有其自身的对象实例。唯有声明为 thread_local 的对象拥有此存储期。 thread_local 能与 static 或 extern 结合一同出现&am…...

编程日记 2023/3/9 0:58:24

冥想第七百二十三天

1.周日早上跑了5公里&#xff0c;很舒服精力满满的&#xff0c;感谢老婆给我做的饭&#xff0c;鱿鱼面筋腐竹。都非常的好吃。 2.下午13&#xff1a;19分送我到了地铁口&#xff0c;这个点卡的真好&#xff0c;以至于离高铁开车只剩5分钟&#xff0c;14&#xff1a;41发车。到上…...

编程日记 2023/4/24 15:24:12

zookeeper 集群配置

文章目录zookeeper 集群配置1、集群安装zookeeper 集群配置 1、集群安装 1) 集群安装 在 hadoop102、hadoop103 和 hadoop104 三个节点上都部署 Zookeeper。 2) 解压安装 在 hadoop102 解压 Zookeeper 安装包到/opt目录下 输入命令&#xff1a;tar -zxvf apache-zookeeper-3.…...

编程日记 2023/4/24 15:24:10

怎么用消息队列实现分布式事务？

当消息队列和事务联系在一起时&#xff0c;它指的是消息生产者和消息消费者之间如何保持数据一致性。 什么是分布式事务&#xff1f; 事务是指当我们进行若干项数据更新操作时&#xff0c;为了保证数据的完整性和一致性&#xff0c;我们希望这些更新操作要么都成功&#xff0…...

编程日记 2023/4/24 15:24:08

什么蓝牙耳机佩戴舒适？2023长时间佩戴最舒适的蓝牙耳机

现如今&#xff0c;很多蓝牙耳机的产品都在不断地更新&#xff0c;市面上的耳机也是越来越普及&#xff0c;可以说是成为我们日常生活中不可或缺的一类电子设备&#xff0c;下面介绍一些佩戴舒适性好的蓝牙耳机。 一、南卡小音舱蓝牙耳机 音质推荐指数&#xff1a;★★★★★…...

编程日记 2023/4/24 15:24:05

刮刮乐--课后程序(Python程序开发案例教程-黑马程序员编著-第4章-课后作业)

实例1&#xff1a;刮刮乐 刮刮乐的玩法多种多样&#xff0c;彩民只要刮去刮刮乐上的银色油墨即可查看是否中奖。每张刮刮乐都有多个兑奖区&#xff0c;每个兑奖区对应着不同的获奖信息&#xff0c;包括“一等奖”、“二等奖”、“三等奖”和“谢谢惠顾”。假设现在有一张刮刮乐…...

编程日记 2023/4/24 9:41:09

LeetCode 全题解笔记：两数相加（02）

两数相加&#xff08;medium&#xff09; 题目描述 给你两个非空的链表&#xff0c;表示两个非负的整数。它们每位数字都是按照逆序的方式存储的&#xff0c;并且每个节点只能存储 一位数字。请你将两个数相加&#xff0c;并以相同形式返回一个表示和的链表。你可以假设除了数…...

编程日记 2023/4/24 15:24:03

网络工程师面试题（面试必看）（1）

作者简介：一名云计算网络运维人员、每天分享网络与运维的技术与干货。 座右铭：低头赶路，敬事如仪 个人主页：网络豆的主页​​​​​​ 目录 前言 一.正题 1.TCP UDP协议的区别...

编程日记 2023/4/24 9:41:02

MySQL基础操作指南：第一篇

MySQL基础操作指南 一、数据库操作 1.1 概念阐述 基本操作语法结构创建数据库create database 数据库名 character set utf8;删除数据库drop database 数据库名选择数据库use 数据库名&#xff1b;查看当前选择的数据库select database();查看当前数据库包含的数据表show ta…...

编程日记 2023/4/24 9:40:57

R包版本冲突别头疼：手把手教你降级igraph 2.1.1，解决monocle3的orderCells报错

R包版本冲突实战指南&#xff1a;精准降级igraph解决monocle3依赖问题 当你满怀期待地安装好monocle3准备进行单细胞拟时序分析时&#xff0c;突然弹出的nei() was deprecated in igraph 2.1.0报错就像一盆冷水浇灭了热情。这种R包版本冲突在生物信息学分析中屡见不鲜&#xff…...

编程新知 2026/4/1 5:45:05

Asian Beauty Z-Image Turbo基础教程：如何修改默认提示词实现‘旗袍少女’‘水墨仕女’风格

Asian Beauty Z-Image Turbo基础教程&#xff1a;如何修改默认提示词实现‘旗袍少女’‘水墨仕女’风格 想用AI画出充满东方韵味的“旗袍少女”或“水墨仕女”&#xff0c;但试了很多模型&#xff0c;出来的效果总是不对味&#xff1f;要么人物五官太西化&#xff0c;要么画面…...

编程新知 2026/4/1 5:08:52

Conda环境管理全攻略：从零配置到VSCode无缝衔接（附清华镜像加速）

Conda环境管理全攻略&#xff1a;从零配置到VSCode无缝衔接&#xff08;附清华镜像加速&#xff09; 在数据科学和机器学习领域&#xff0c;Python环境的配置与管理往往是项目开始的第一步&#xff0c;也是最容易让初学者感到困惑的环节。不同项目可能需要不同版本的Python解释…...

编程新知 2026/4/1 5:04:47

RobotStudio新手必看：5分钟搞定夹取工件程序（附完整代码）

RobotStudio零基础实战&#xff1a;从夹取工件到高效编程的完整指南 第一次打开RobotStudio时&#xff0c;面对复杂的界面和陌生的术语&#xff0c;很多新手会感到无从下手。但别担心&#xff0c;掌握几个核心概念和操作步骤&#xff0c;你就能快速实现基础的夹取工件功能。本文…...

编程新知 2026/4/1 4:34:07

边缘智能部署：AI模型在边缘节点的轻量化改造

边缘智能部署&#xff1a;AI模型在边缘节点的轻量化改造&#x1f4da; 本章学习目标&#xff1a;深入理解AI模型在边缘节点的轻量化改造的核心概念与实践方法&#xff0c;掌握关键技术要点&#xff0c;了解实际应用场景与最佳实践。本文属于《云原生、云边端一体化与算力基建&a…...

编程新知 2026/4/1 4:32:07

知乎上线求职工具，助力毕业生破困局

知乎上线求职利器&#xff0c;直击毕业生痛点2026届全国普通高校毕业生预计达1270万人&#xff0c;再创历史新高。与此同时&#xff0c;AI技术加速行业重构&#xff0c;部分传统岗位需求收缩&#xff0c;大量毕业生陷入“海投”困境&#xff0c;难以精准定位自身。在此背景下&a…...

编程新知 2026/4/1 4:09:45

ZGC停顿时间为何突然飙升？3个被90%团队忽略的配置雷区曝光

第一章&#xff1a;ZGC停顿时间为何突然飙升&#xff1f;3个被90%团队忽略的配置雷区曝光 ZGC&#xff08;Z Garbage Collector&#xff09;以亚毫秒级停顿著称&#xff0c;但生产环境中频繁出现 10–50ms 甚至更高停顿&#xff0c;往往并非内存压力所致&#xff0c;而是源于几…...

编程新知 2026/4/1 4:03:42

从《阵列天线分析与综合》到HFSS实战：手把手教你仿真4x1微带天线阵（含相位扫描设置）

从理论到实践&#xff1a;HFSS中4x1微带天线阵的建模与相位扫描全解析 微带天线阵列因其低剖面、易集成和成本优势&#xff0c;在现代通信系统中扮演着重要角色。对于刚接触天线设计的工程师和学生而言&#xff0c;如何将《阵列天线分析与综合》等经典教材中的理论概念转化为可…...

编程新知 2026/4/1 3:49:34

【Java 21记录模式性能优化终极指南】：3个被90%开发者忽略的模式匹配陷阱及提速300%的实战方案

第一章&#xff1a;Java 21记录模式性能优化全景概览Java 21 引入的记录模式&#xff08;Record Patterns&#xff09;不仅提升了模式匹配的表达力&#xff0c;更在JVM层面实现了多项关键性能优化。通过与模式匹配&#xff08;Pattern Matching for instanceof&#xff09;和解…...

编程新知 2026/4/1 3:08:48

cv2.findContours()错误的解决办法ValueError: not enough values to unpack (expected 3, got 2)

方法一&#xff1a;直接去掉一个返回值就即可。 方法二&#xff1a;把OpenCV 安装3.X的版本 具体原因 2、解析差异&#xff1a; OpenCV2和OpenCV4中&#xff1a; findContours这个轮廓提取函数会返回两个值&#xff1a;①轮廓的点集(contours)②各层轮廓的索引(hierarchy) 返回…...

编程新知 2026/4/1 2:18:02