当前位置: 首页 > news >正文

政安晨【零基础玩转各类开源AI项目】基于本地Ubuntu (Linux ) 系统应用Gradio-Lite:无服务器 Gradio 完全在浏览器中运行

目录

简介

什么是@gradio/lite?

入门

1.导入 JS 和 CSS

2. 创建标签

3. 在标签内编写你的 Gradio 应用程序

更多示例:添加其他文件和要求

多个文件

其他要求

SharedWorker 模式

代码和演示playground

1.无服务器部署

2.低延迟

3. 隐私和安全

限制

尝试一下!


政安晨的个人主页:政安晨

欢迎 👍点赞✍评论⭐收藏

希望政安晨的博客能够对您有所裨益,如有不足之处,欢迎在评论区提出指正!

简介

Gradio 是一个流行的 Python 库,用于创建交互式机器学习应用程序。传统上,Gradio 应用程序依赖于服务器端基础设施来运行,这对于需要托管其应用程序的开发人员来说可能是一个障碍。

 输入 Gradio-lite(@gradio/lite):一个利用 Pyodide将 Gradio 直接带到浏览器的库。

Pyodide 是基于 WebAssembly 的浏览器和 Node. js 的 Python 发行版。

Pyodide 是 CPython 到 WebAssembly/ Emscripten的移植。

Pyodide 允许使用 micropip在浏览器中安装和运行 Python 包。PyPI 上任何带有 wheel 的纯 Python 包均受支持。许多带有 C 扩展的包也已移植到 Pyodide 中。其中包括许多通用包,例如 regex、pyyaml、lxml 和科学 Python 包,包括 numpy、pandas、scipy、matplotlib 和 scikit-learn。

Pyodide 带有强大的 Javascript ⟺ Python 外部函数接口,因此您可以在代码中自由混合这两种语言,而不会产生任何麻烦。这包括对错误处理(在一种语言中抛出错误,在另一种语言中捕获错误)、async/await 等的完全支持。

在浏览器中使用时,Python 可以完全访问 Web API。

在这篇文章中,我们将探讨 @gradio/lite 是什么,回顾示例代码,并讨论它为运行 Gradio 应用程序提供的好处。

什么是@gradio/lite?

@gradio/lite是一个 JavaScript 库,可让您直接在 Web 浏览器中运行 Gradio 应用程序。它通过利用 Pyodide(WebAssembly 的 Python 运行时)来实现这一点,它允许在浏览器环境中执行 Python 代码。有了@gradio/lite,您可以为 Gradio 应用程序编写常规 Python 代码,它们将在浏览器中无缝运行,而无需服务器端基础设施。

入门

让我们在 Gradio 中构建一个“Hello World”应用程序@gradio/lite

1.导入 JS 和 CSS

如果您还没有 HTML 文件,请先创建一个。@gradio/lite使用以下代码导入与包对应的 JavaScript 和 CSS:

<html><head><script type="module" crossorigin src="https://cdn.jsdelivr.net/npm/@gradio/lite/dist/lite.js"></script><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@gradio/lite/dist/lite.css" /></head>
</html>

@gradio/lite请注意,您通常应该使用可用的最新版本。

http://www.lryc.cn/news/465999.html

相关文章:

  • Spring 中的 @AUtowire 和 @Resource 用法和原理,以及避坑
  • 速盾:cdn能加速游戏吗?
  • 速盾:高防服务器防火墙的特性是什么?
  • 初识git · 远程操作
  • 深度学习:卷积神经网络(CNN)详解
  • 软件测试学习笔记丨Pycharm实用技巧
  • Vue学习笔记(二、Vue.js的引入与对象创建)
  • 从0-1搭建金融智能助理保姆级教程:拆箱即用的微信公众号后端+AI Agents智能体框架
  • Yolov10训练的餐盘菜品目标检测软件(包含源码及数据集)
  • Active Directory(活动目录)密码审核工具
  • Transformer为什么使用LayerNorm而不是BatchNorm?
  • 理解和重构目录结构:Java 中的父子关系管理
  • ES6面试题:(第一天)
  • 【ChatGPT】什么是ChatGPT:基础介绍与使用场景
  • 工业自动化为什么依赖光耦隔离器 --- 腾恩科技
  • Linux环境下Jmeter执行压测脚本
  • PROFINET开发或EtherNet/IP开发嵌入式板有用于工业称重秤
  • OracleT5-2 Solaris11安装
  • 详解 JuiceFS 在多云架构下的数据同步与一致性
  • 赛氪贡献突出获评优秀合作伙伴,第十九届环境友好科技竞赛落幕
  • GrowingIO埋点(前端)
  • MySQL-15.DQL-排序查询
  • SpringBoot中大量数据导出方案:使用EasyExcel并行导出多个excel文件并压缩zip后下载
  • 黑马软件测试第一篇_数据库
  • 第十六届蓝桥杯嵌入式组准备
  • 城乡供水信息化系统如何建设?
  • 【Petri网导论学习笔记】Petri网导论入门学习(七) —— 1.5 并发与冲突
  • MongoDB常用语句
  • 自动创作PPT 利用提示词和大模型自动创建ppt
  • 二分类评价指标AUROC和AUPR