Gradio 最快创建Web 界面部署到服务器并演示机器学习模型,本文提供教学案例以及部署方法,避免使用繁琐的django

最近学习hugging face里面的物体检测模型,发现一个方便快捷的工具!

Gradio 是通过友好的 Web 界面演示机器学习模型的最快方式,以便任何人都可以在任何地方使用它!

一、核心优势:

使用这个开发这种演示机器学习模型的web界面会比django会快上不少!
只需要一个py文件即可实现模型界面创建,部署模型到服务器及时间响应所有功能。

二、重要参考连接:

官网如下:

Gradio

别人的部署到hugging face的space服务器案例如下:(可全网任意访问-)

https://huggingface.co/spaces/ClassCat/DETR-Object-Detection

案例对应的代码如下:

https://huggingface.co/spaces/ClassCat/DETR-Object-Detection/tree/main

三、自己本地服务器部署的案例

自己的物检测及体识别的代码(亲测成功):

import torch
from transformers import pipelinefrom PIL import Imageimport matplotlib.pyplot as plt
import matplotlib.patches as patchesfrom random import choice
import iodetector50 = pipeline(model="facebook/detr-resnet-50")#自动下载模型,大约200MB# detector101 = pipeline(model="facebook/detr-resnet-101")import gradio as grCOLORS = ["#ff7f7f", "#ff7fbf", "#ff7fff", "#bf7fff","#7f7fff", "#7fbfff", "#7fffff", "#7fffbf","#7fff7f", "#bfff7f", "#ffff7f", "#ffbf7f"]fdic = {"family" : "Arial","style" : "italic","size" : 15,"color" : "yellow","weight" : "bold"
}def get_figure(in_pil_img, in_results):plt.figure(figsize=(16, 10))plt.imshow(in_pil_img)#pyplot.gcf()ax = plt.gca()for prediction in in_results:selected_color = choice(COLORS)x, y = prediction['box']['xmin'], prediction['box']['ymin'],w, h = prediction['box']['xmax'] - prediction['box']['xmin'], prediction['box']['ymax'] - prediction['box']['ymin']ax.add_patch(plt.Rectangle((x, y), w, h, fill=False, color=selected_color, linewidth=3))ax.text(x, y, f"{prediction['label']}: {round(prediction['score']*100, 1)}%", fontdict=fdic)plt.axis("off")return plt.gcf()def infer(model, in_pil_img):results = Noneif model == "detr-resnet-101":results = detector101(in_pil_img)else:results = detector50(in_pil_img)figure = get_figure(in_pil_img, results)buf = io.BytesIO()figure.savefig(buf, bbox_inches='tight')buf.seek(0)output_pil_img = Image.open(buf)return output_pil_imgwith gr.Blocks(title="DETR Object Detection - ClassCat",css=".gradio-container {background:lightyellow;}") as demo:#sample_index = gr.State([])gr.HTML("""<div style="font-family:'Times New Roman', 'Serif'; font-size:16pt; font-weight:bold; text-align:center; color:royalblue;">DETR Object Detection</div>""")gr.HTML("""<h4 style="color:navy;">1. Select a model.</h4>""")model = gr.Radio(["detr-resnet-50", "detr-resnet-101"], value="detr-resnet-50", label="Model name")gr.HTML("""<br/>""")gr.HTML("""<h4 style="color:navy;">2-a. Select an example by clicking a thumbnail below.</h4>""")gr.HTML("""<h4 style="color:navy;">2-b. Or upload an image by clicking on the canvas.</h4>""")with gr.Row():input_image = gr.Image(label="Input image", type="pil")output_image = gr.Image(label="Output image with predicted instances", type="pil")gr.Examples(['samples/cats.jpg', 'samples/detectron2.png'], inputs=input_image)gr.HTML("""<br/>""")gr.HTML("""<h4 style="color:navy;">3. Then, click "Infer" button to predict object instances. It will take about 10 seconds (on cpu)</h4>""")send_btn = gr.Button("Infer")send_btn.click(fn=infer, inputs=[model, input_image], outputs=[output_image])gr.HTML("""<br/>""")gr.HTML("""<h4 style="color:navy;">Reference参考链接</h4>""")gr.HTML("""<ul>""")gr.HTML("""<li><a href="https://colab.research.google.com/github/facebookresearch/detr/blob/colab/notebooks/detr_attention.ipynb" target="_blank">Hands-on tutorial for DETR</a>""")gr.HTML("""</ul>""")#demo.queue()
demo.launch(debug=True)

界面及功能都正常,展示如下:

tips1:运行上述代码,如果报代理错误:

在终端使用如下代码再重新启动jupyter-noterbook,使用下面命令即可解决:

(base) jie@dell:~/桌面$ unset all_proxy; unset ALL_PROXY

tip2:如果拖动自己的图片在预测框显示错误,原因是点击预测太快了。需要等图片上传完后点预测才能成功,点太快会出现错误两字。不限制图片尺寸。

四、入门gradio案例:

import gradio as grdef greet(name):return "Hello " + name + "!"demo = gr.Interface(fn=greet, inputs="text", outputs="text")
demo.launch()   

实现对姓名打招呼的功能,本地服务器的界面如下:

四、尝试在远程服务器上搭建(重要)

本人项目链接:https://huggingface.co/spaces/wuqi57/facebook-detr-resnet-50

在远程服务器上需要下载包和上传模型文件,官方提供了api:

https://huggingface.co/facebook/detr-resnet-50/tree/main?inference_api=true

以及打包好的space环境 

https://huggingface.co/facebook/detr-resnet-50/tree/main?space_deploy=true

上面两种方式就可以直接使用,直接创建一个app.py文件就可以运行,避免了上传大量的模型文件和下载相应的库。(实例见本人上面的项目链接)

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/828266.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

就业班 第三阶段(负载均衡) 2401--4.19 day3

二、企业 keepalived 高可用项目实战 1、Keepalived VRRP 介绍 keepalived是什么keepalived是集群管理中保证集群高可用的一个服务软件&#xff0c;用来防止单点故障。 ​ keepalived工作原理keepalived是以VRRP协议为实现基础的&#xff0c;VRRP全称Virtual Router Redundan…

密码学系列7-变幻多端的安全性证明

安全性模型并不是一尘不变的。前几篇文章给出的安全性证明基本沿用了系列2中的安全性模型。但安全性模型会随着方案的不同而发生变化。 本章给出两个安全性证明的例子,让读者感受如何定义安全需求并设计安全性证明。 一、基于身份的加密(IBE) IBE是传统公钥加密的变体。IBE…

前端开发攻略---封装calendar日历组件,实现日期多选。可根据您的需求任意调整,可玩性强。

1、演示 2、简介 1、该日历组件是纯手搓出来的&#xff0c;没依赖任何组件库&#xff0c;因此您可以随意又轻松的改变代码&#xff0c;以实现您的需求。 2、代码清爽干净&#xff0c;逻辑精妙&#xff0c;您可以好好品尝。 3、好戏开场。 3、代码&#xff08;Vue3写法&#xff…

探索Web3:去中心化的互联网新时代

引言 在过去的几十年里&#xff0c;互联网已经改变了我们的生活方式、商业模式以及社交互动方式。然而&#xff0c;一个新的技术浪潮——Web3正在崭露头角&#xff0c;预示着一个去中心化的互联网新时代的来临。本文将深入探讨Web3技术的定义、特点以及其对未来互联网发展的影…

【数据结构-图】

目录 1 图2 图的定义和基本概念&#xff08;在简单图范围内&#xff09;3 图的类型定义4 图的存储结构4.1 邻接矩阵 表示法4.2 邻接表 表示法4.3 十字链表 表示法4.4 邻接多重表 表示法 5 图的遍历5.1 深度优先搜索-DFS 及 广度优先遍历-BFS 6 图的应用6.1 最小生成树6.1.1 克鲁…

vue cli3开发自己的插件发布到npm

具体流程如下&#xff1a; 1、创建一个vue项目 vue create project 2、编写组件 &#xff08;1&#xff09;新建一个plugins文件夹&#xff08;可自行创建&#xff09; &#xff08;2&#xff09;新建Button组件 &#xff08;3&#xff09;组件挂载&#xff0c;为组件提供 in…

Python绘制3D曲面图

&#x1f47d;发现宝藏 前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。【点击进入巨牛的人工智能学习网站】。 探索Python中绘制3D曲面图的艺术 在数据可视化的世界中&#xff0c;3D曲面图是一种强大的工…

数据链路层(计算机网络,待完善)

0、前言 本文大多数图片都来自于 B站UP主&#xff1a;湖科大教书匠 的教学视频&#xff0c;对高军老师及其团队制作出这么优质的课程表示感谢。文章增加了部分个人理解&#xff0c;内容并不是对视频的静态化翻译。 1、概述 1.1、数据链路层在计算机网络体系中的位置 1.2、对…

动手模拟 java Flux

MyFluxTest.java&#xff1a; import java.util.ArrayList; import java.util.List;public class MyFluxTest {public static void main(String[] args) {List<String> names new ArrayList<>();names.add( "张三" );names.add( "李四" );nam…

Jenkins集成Terraform实现阿里云CDN自动刷新

在互联网业务中&#xff0c;CDN的应用已经成了普遍&#xff0c;SRE的日常需求中&#xff0c;CDN的刷新在前端需求逐渐中占了很大比例&#xff0c;并且比较琐碎。做为合格的SRE&#xff0c;把一切自动化是终极使命&#xff0c;而今天就分享通过JenkinsTerraform实现阿里云的CDN自…

CISSP通关学习笔记:共计 9 个章节(已完结)

1. 笔记说明 第 0 章节为开篇介绍&#xff0c;不包括知识点。第 1 - 8 章节为知识点梳理汇总&#xff0c;8 个章节的知识框架关系如下图所示&#xff1a; 2. 笔记目录 「 CISSP学习笔记 」0.开篇「 CISSP学习笔记 」1.安全与风险管理「 CISSP学习笔记 」2.资产安全「 CISSP…

机器学习/算法工程师面试题目与答案-深度学习部分1

机器学习/算法工程师面试题目与答案-深度学习部分 BatchNormalization的作用梯度消失循环神经网络&#xff0c;为什么好?什么是GroupConvolution什么是RNN神经网络中权重共享的是&#xff1f;神经网络激活函数&#xff1f;为什么在深度学习中常进行finetuning画GRU结构图什么是…

自己在hadoop中会输错的命令

&#xff08;01&#xff09; hdfs dfsadmin -report -live 仅查看集群在线节点的基本信息可以使用&#xff1a; &#xff08;02&#xff09; hdfs dfs mkdir -C /Tipdm/Hadoop 使用这个命令可以在hdfs上面创建一个 /Tipdm/Hadoop&#xff0c;自己错误的点就是&#xff1a;-C&…

Flink CDC详解

文章目录 Flink CDC一 CDC简介1.1 CDC定义1.2 CDC应用场景1.3 CDC实现机制1.4 开源CDC工具对比 二 Flink CDC简介2.1 Flink CDC介绍2.2 Flink CDC Connector(连接器)2.3 Flink CDC && Flink版本2.4 Flink CDC特点 三 Flink CDC发展3.1 发展历程3.2 背景Dynamic Table &…

51单片机入门_江协科技_35~36_OB记录的自学笔记_AD与DA转换(XPT2046)

35. AD_DA 35.1. AD/DA介绍 •AD&#xff08;Analog to Digital&#xff09;&#xff1a;模拟-数字转换&#xff0c;将模拟信号转换为计算机可操作的数字信号 •DA&#xff08;Digital to Analog&#xff09;&#xff1a;数字-模拟转换&#xff0c;将计算机输出的数字信号转换…

系统设计 --- E2E Test System

系统设计 --- E2E Test System 什么是E2EE2E Architecture Example 什么是E2E E2E&#xff08;端到端&#xff09;测试是一种软件测试方法&#xff0c;旨在模拟真实的用户场景&#xff0c;测试整个应用程序或系统的端到端功能和交互流程。E2E 测试涵盖了从用户界面到后端系统的…

已解决java.util.concurrent.CancellationException: 取消异常的正确解决方法,亲测有效!!!

已解决java.util.concurrent.CancellationException: 取消异常的正确解决方法&#xff0c;亲测有效&#xff01;&#xff01;&#xff01; 目录 问题分析 报错原因 解决思路 解决方法 检查任务状态 使用适当的异常处理 提供取消的反馈 管理并发任务的生命周期 总结 博…

【Flutter 面试题】 为什么Flutter中的Widget使用const注解?

【Flutter 面试题】 为什么Flutter中的Widget使用const注解? 文章目录 写在前面口述回答补充说明示例代码说明写在前面 🙋 关于我 ,小雨青年 👉 CSDN博客专家,GitChat专栏作者,阿里云社区专家博主,51CTO专家博主。2023博客之星TOP153。 👏🏻 正在学 Flutter 的同…

智能合约语言(eDSL)—— 测试

1、准备合约 如何写合约&#xff0c;与编译之前的文章已经写过了&#xff0c;准备好.wasm文件。 2、测试程序 xwasm/wasm/tests at main XuHugo/xwasm GitHub 2.1 读取合约 let modules fs::read("./tests/wasmfile/contract.wasm").unwrap(); 2.2预编译合约…

Java23种设计模式-结构型模式之外观模式

外观模式&#xff08;Facade Pattern&#xff09;&#xff1a;为复杂的系统提供了一个简单的统一接口&#xff0c;使得系统更易于使用和理解&#xff08;对外提供一个统一的方法&#xff0c;来访问子系统中的一群接口&#xff09; 外观模式三个核心角色&#xff1a; 角色1.外观…