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

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

news 2026/5/24 8:07:43

前言

之前制作了基于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

浏览器变身微信客户端：wechat-need-web插件颠覆你的聊天体验

浏览器变身微信客户端&#xff1a;wechat-need-web插件颠覆你的聊天体验 【免费下载链接】wechat-need-web 让微信网页版可用 / Allow the use of WeChat via webpage access 项目地址: https://gitcode.com/gh_mirrors/we/wechat-need-web 还在为工作电脑无法安装微信而…...

编程新知 2026/5/24 8:01:50

Postman并发测试入门：从手动点击到真并行压测

1. 为什么“并发测试”不是点几下Postman就能搞定的事&#xff1f;很多人第一次听说“用Postman做并发测试”&#xff0c;第一反应是&#xff1a;不就是把接口地址填进去&#xff0c;点一下Send&#xff0c;再点几次Send&#xff0c;就算并发了&#xff1f;我刚入行那会儿也这么…...

编程新知 2026/5/24 7:06:43

基于特征建模的机器学习算法自适应选择方法与实践

1. 项目概述与核心价值在机器学习项目的落地过程中&#xff0c;算法选择往往是决定最终模型性能上限的第一个&#xff0c;也是最关键的十字路口。面对一个具体的数据集和业务问题&#xff0c;是选择逻辑回归、随机森林&#xff0c;还是尝试一下XGBoost或神经网络&#xff1f;这…...

编程新知 2026/5/24 6:58:31

机器学习赋能密度泛函理论：构建半局域交换关联泛函攻克强关联体系

1. 项目概述与核心思路在计算凝聚态物理和量子化学领域&#xff0c;密度泛函理论&#xff08;Density Functional Theory, DFT&#xff09;无疑是过去几十年里最成功的“第一性原理”计算方法。它的核心魅力在于&#xff0c;通过Hohenberg-Kohn定理&#xff0c;将描述N个相互作…...

编程新知 2026/5/24 6:49:44

7自由度机械臂逆运动学求解：13种算法对比与混合策略实战

1. 项目概述&#xff1a;当机械臂遇到“无限可能”的烦恼在机器人领域&#xff0c;让机械臂的“手”&#xff08;末端执行器&#xff09;精准地到达一个指定的位置和姿态&#xff0c;是一个看似简单实则复杂的基础问题&#xff0c;这就是逆运动学。对于常见的6自由度机械臂&…...

编程新知 2026/5/24 6:34:17

基于同态加密与DeepID2的安全人脸验证系统架构与工程实践

1. 项目概述&#xff1a;当人脸识别遇上隐私保护 在数字监控、智能门禁乃至日常的手机解锁中&#xff0c;人脸验证技术已经无处不在。作为一名长期关注计算机视觉与数据安全的从业者&#xff0c;我见证了这项技术从实验室走向千家万户的历程。它的核心逻辑很直观&#xff1a;通…...

编程新知 2026/5/24 5:26:46

Vaultwarden同步失败排查指南：日志诊断与5分钟修复

1. 这不是Bitwarden客户端的问题&#xff0c;而是你本地运行的Vaultwarden服务“断联”了很多人看到手机App里点“同步”没反应、网页端新建密码点保存后刷新就消失、或者浏览器插件提示“无法连接到服务器”&#xff0c;第一反应是重装客户端、清缓存、换网络——结果折腾半天…...

编程新知 2026/5/24 5:01:04

26年5月系统架构设计师论文真题题目分析

先看下26年5月系统架构设计师考试论文题目： 26年5月架构论文题目 （友情提示：论文题目来自于网友回忆，不一定准确） 1、论多模态大模型在移动智能测试框架中的应用 （1）概要叙述你参与管理和开发的软件项目以及你在其中所承担的主要工作。 （2）从框架的页面识别、规划…...

编程新知 2026/5/24 4:26:17

Arm Development Studio许可协议核心条款与合规指南

1. Arm Development Studio 终端用户许可协议解析作为一名长期从事嵌入式开发的工程师&#xff0c;我深知开发工具许可协议的重要性。Arm Development Studio 作为业界领先的嵌入式开发套件&#xff0c;其 EULA&#xff08;终端用户许可协议&#xff09;直接影响着我们的日常开…...

编程新知 2026/5/24 4:05:21

AI时代版权新范式：智能代理如何重塑数据交易与创作者权益

1. 项目概述&#xff1a;当AI遇见版权&#xff0c;一场静默的“数据战争”正在上演如果你是一位内容创作者&#xff0c;无论是撰写深度文章的记者、绘制插画的艺术家&#xff0c;还是谱写旋律的音乐人&#xff0c;过去几年可能都经历过一种复杂的情绪&#xff1a;看着自己的作品…...

编程新知 2026/5/24 3:22:00