Detección de objetos en tiempo real con Transformers.js
VISTA DE CÓDIGO
Prompt
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 で、ローディング・エラー表示も含まれています。
Resumen del prompt
En este ejemplo, se carga Transformers.js en el navegador a través de CDN y se utiliza el modelo DETR-ResNet-50 para realizar detección de objetos en tiempo real desde la cámara web. Los objetos detectados se dibujan en un lienzo junto con cuadros delimitadores, etiquetas y puntuaciones de confianza. La interfaz de usuario es simple, con un tema oscuro, e incluye indicadores de carga y visualización de errores.
¿Te resultó útil este prompt?
Comentarios
Los comentarios aparecen después de la moderación
この記事が役に立ったら投げ銭で応援
Apple Pay / Google Pay / カード (Visa/Mastercard/JCB/Amex) / Link / Alipay / WeChat Pay 対応 · Stripeで安全に決済
開発者が選ぶ最強ツール集
運営者が毎日使っているツール・ガジェット 6選