Transformers.js 浏览器目标检测 AI 生成代码示例
代码预览
エディタを読み込み中…
P
提示词
Create a single HTML file that demonstrates real-time object detection using Transformers.js in the browser. The page should load a pre-trained model (e.g., 'Xenova/detr-resnet-50') and run inference on an image selected by the user via a file input. Display the image with bounding boxes and labels drawn on a canvas overlay. Use minimal dependencies (only Transformers.js CDN). Style with a modern, dark theme.
このデモはTransformers.jsを使ってDETR-ResNet-50物体検出モデルをブラウザで直接実行します。サーバーやGPUは不要、すべての推論はクライアントサイドのWebAssemblyで動作。画像を選択すると、モデルがバウンディングボックスとラベル・確信度を描画します。コードは最小限で、Transformers.jsのCDNのみを使用し、ダークテーマでスタイルされています。
提示词解读
此演示使用Transformers.js直接在浏览器中运行DETR-ResNet-50物体检测模型。无需服务器或GPU，所有推理均在客户端WebAssembly上完成。选择图像后，模型会绘制边界框、标签和置信度。代码极简，仅使用Transformers.js的CDN，并采用深色主题样式。
这个提示对您有帮助吗？
评论
评论将在审核后显示
この記事が役に立ったら投げ銭で応援
Apple Pay / Google Pay / カード (Visa/Mastercard/JCB/Amex) / Link / Alipay / WeChat Pay 対応 · Stripeで安全に決済
開発者が選ぶ最強ツール集
運営者が毎日使っているツール・ガジェット 6選