opendatalab/labelu-kit

Data annotation component library --provided as NPM packages

LabelU前端标注组件库，支持图片2D框、点、线、多边形、立体框及混合标注工具，可用于标注平台开发集成，开箱即用。

English | 简体中文

特性

• 支持图片 拉框、点、线（包含曲线）、多边形（包含闭合曲线）、立体框标注
• 支持视频标注
• 支持音频标注
• 原子化模块，可自由组合

开始使用

• Playground：https://opendatalab.github.io/labelU-Kit/
• 体验 LabelU 在线版：https://labelu.shlab.tech/

Packages

名称	版本	描述
@labelu/image		图片标注引擎
@labelu/interface		基础类型定义
@labelu/components-react		基础 React 组件
@labelu/image-annotator-react		图片 React 标注套件
@labelu/audio-react		基础音频标注 React 组件
@labelu/audio-annotator-react		音频 React 标注套件
@labelu/video-react		基础视频标注 React 组件
@labelu/video-annotator-react		视频 React 标注套件

许可证

此项目根据 Apache 2.0 许可证发布

labelu-kit's Issues

提供 @labelu/image-annotator-react 使用示例

可不可以提供一份 @labelu/image-annotator-react 插件的使用示例或者文档呀
我根据自己的理解使用了一下，结果点击鼠标左键打点标注打不上，我的代码如下
`
import React, { useRef } from "react";
import { Annotator } from "@labelu/image-annotator-react";

const Test = () => {
const annotatorRef = useRef(null);

const samples = [
{
id: "sample1",
url: "/c1.jpg",
// data: [],
},
];

const editingSample = {
id: "sample1",
url: "/c1.jpg",
// data: [],
};
const config = {
rect: "true", // 启用矩形标注工具
polygon: "true", // 启用多边形标注工具
};

const handleSave = (annotations) => {
console.log("Saved annotations:", annotations);
};

const handleLoad = (sampleId) => {
console.log("Loading annotations for sample:", sampleId);
// 这里可以添加加载标注数据的逻辑
};

const annotatorProps = {
samples,
config,
editingSample,
primaryColor: "#6b66ff",
onSave: handleSave,
onLoad: handleLoad,
};

return (

<Annotator ref={annotatorRef} {...annotatorProps} />

);
};

export default Test;

`

support vue？

support vue？

npm run start with an error

error:
——————————————
16 verbose Windows_NT 10.0.19044
17 verbose argv "D:\Tools\Nodejs\node.exe" "D:\Tools\Nodejs\node_modules\npm\bin\npm-cli.js" "run" "build:type" "--"
18 verbose node v14.16.0
19 verbose npm v6.14.11
20 error code ELIFECYCLE
21 error errno 2
22 error @label-u/[email protected] build:type: tsc --emitDeclarationOnly
22 error Exit status 2
23 error Failed at the @label-u/[email protected] build:type script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 2, true ]
——————————————

音频标注建议增加自定义文字标注

现在只能标注 语音类型
但是 语音转文字 没办法进行标注

增加自定义文字标注
用户快捷键标注之后 显示 自定义
然后在右侧栏中 可以自定义各种文字

导出格式
{"audio_filepath": "/home/work/.cache/paddle/Libri/134686/1089-134686-0001.wav", "time": 3.275, "text": "你好很开心认识你"}
或者
001.wav
001.txt 你好很开心认识你

Does it support Vue2

Does it support Vue2

导出格式,希望增加 Labelme 格式

导出格式,
希望增加 Labelme 数据格式

每张图对应一个Labelme 的json文件

或者提供 Label U 标准格式 转换 Labelme 的脚本py

这样通用性会比较好