用 Transformers.js 在浏览器实现实时目标检测｜AI 生成示例
代码预览
エディタを読み込み中…
P
提示词
Create a single HTML page that loads @xenova/transformers from CDN and performs real-time object detection via webcam. Use COCO-SSD model 'Xenova/detr-resnet-50' (DETR). Show video stream and draw bounding boxes & labels on a canvas overlay. Minimalist UI, dark theme. Include loading state and error handling. Use ES modules.
この作例では、Transformers.js を CDN 経由でブラウザに読み込み、DETR-ResNet-50 モデルを使って Webカメラ映像からリアルタイム物体検出を実行します。検出されたオブジェクトはバウンディングボックスとラベル・信頼度スコアとともにキャンバス上に描画。ダークテーマのシンプルな UI で、ローディング・エラー表示も含まれています。
提示词解读
在这个示例中，通过 CDN 将 Transformers.js 加载到浏览器中，并使用 DETR-ResNet-50 模型对网络摄像头视频进行实时物体检测。检测到的对象会连同边界框、标签和置信度分数一起绘制在画布上。界面采用深色主题的简洁设计，并包含加载和错误提示功能。
这个提示对您有帮助吗？
评论
评论将在审核后显示
この記事が役に立ったら投げ銭で応援
Apple Pay / Google Pay / カード (Visa/Mastercard/JCB/Amex) / Link / Alipay / WeChat Pay 対応 · Stripeで安全に決済
開発者が選ぶ最強ツール集
運営者が毎日使っているツール・ガジェット 6選