@ai-video/annotation-sdk
v1.0.9
Published
Unified stock video annotation SDK — converts semantic annotations into HyperFrames drawing instructions
Downloads
1,334
Maintainers
Readme
@ai-video/annotation-sdk
视频统一标注 SDK —— 将语义化标注数据转换为 HyperFrames 可执行绘制指令。
安装
npm install @ai-video/annotation-sdk引入方式
| 环境 | 引入方式 | 说明 |
|------|---------|------|
| 浏览器 | <script src="node_modules/@ai-video/annotation-sdk/dist/index.global.js"> | 全局 AnnotationSDK |
| Node.js CJS | require('@ai-video/annotation-sdk') | — |
| Node.js ESM | import { ... } from '@ai-video/annotation-sdk' | — |
| TypeScript | import { ... } from '@ai-video/annotation-sdk' | 自带类型 |
三种构建格式(CJS / ESM / IIFE)都在 npm 包中,安装后直接按环境引用。
快速开始
<script src="node_modules/@ai-video/annotation-sdk/dist/index.global.js"></script>
<script>
const canvas = document.createElement("canvas");
canvas.width = 1280;
canvas.height = 724;
document.body.appendChild(canvas);
AnnotationSDK.initCanvas(canvas);
// 之后直接用快捷方法
AnnotationSDK.drawText("看涨趋势");
AnnotationSDK.drawRect({ x: 100, y: 200, width: 300, height: 150 });
</script>
initCanvas(canvas, { chartLeft, chartRight, chartTop, chartBottom })可选传图表边界。
使用方法
详见 SDK_MODEL_PROMPT.md,包含完整的 9 种绘制方法(drawText / drawRect / drawEllipse / drawLine / drawArrow / drawCurve / drawMouseDirector / drawLimitOrderStrategy / drawBreakoutOrderStrategy)及坐标、颜色规则。
License
MIT
