Detección de objetos en el navegador con Transformers.js – ejemplo IA
VISTA DE CÓDIGO
Prompt
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のみを使用し、ダークテーマでスタイルされています。
Resumen del prompt
Esta demostración ejecuta el modelo de detección de objetos DETR-ResNet-50 directamente en el navegador utilizando Transformers.js. No requiere servidor ni GPU, toda la inferencia se realiza del lado del cliente con WebAssembly. Al seleccionar una imagen, el modelo dibuja cuadros delimitadores con etiquetas y niveles de confianza. El código es mínimo, utiliza solo el CDN de Transformers.js y está estilizado con un tema oscuro.
¿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選