0

0

趣味体验馆踩坑指南

P粉084495128

P粉084495128

发布时间:2025-07-23 11:06:53

|

783人浏览过

|

来源于php中文网

原创

AIStudio上线趣味体验馆功能,可在线体验AI模型。使用需先部署模型:选静态图推理模型,设输入输出(图像为Base64编码),编输入输出转换器代码(用PIL处理图像),测试沙盒后正式部署,再创建体验馆,配置名称、介绍及输入输出信息即可体验,项目可公开分享。

☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 免费无限量使用 DeepSeek R1 模型☜☜☜

趣味体验馆踩坑指南 - php中文网

引入

  • 最近 AIStudio 又悄咪咪地上线了一个新功能——趣味体验馆
  • 顾名思义,就是一个可以在线体验趣味 AI 模型的功能
  • 既然有了新功能,那肯定要抢先尝试一波的啦
  • 所以本次项目介绍一下如何将模型部署到 AIStudio 上,并创建趣味体验项目

趣味体验馆

  • 首先,也是最重要的一点,这个新功能在哪??
  • 只需要点开 AIStudio 项目页面,就可以看到这个功能卡片了(前提是已经进行了模型部署和服务创建):

趣味体验馆踩坑指南 - php中文网        

  • 在这个功能卡片中,包含如下几个部分:

趣味体验馆踩坑指南 - php中文网        

  • 根据提示输入所需要的数据,点击“提交”,即可在线体验,比如这样:

趣味体验馆踩坑指南 - php中文网        

  • 是不是很简单,那不赶紧去尝试体验一下

部署和创建

  • 趣味体验馆功能依托 AIStudio 的模型部署功能
  • 首先需要将模型通过模型部署功能进行部署之后,才可以创建趣味体验馆
  • 具体的流程如下图:

趣味体验馆踩坑指南 - php中文网        

模型部署流程

  • 首先选择模型部署选项卡

趣味体验馆踩坑指南 - php中文网        

  • 点击立即创建:

趣味体验馆踩坑指南 - php中文网        

选择模型

  • 接下来根据提示选择要部署的静态图推理模型:
    • 静态图推理模型一般有如下几种格式:

      模型计算图 模型参数
      __model__ *
      model params
      __model__ __params__
      *.pdmodel *.pdiparams
    • 一般通过静态图 API(paddle.static.save_inference_model)、模型动转静 或 模型转换(X2Paddle) 这三种方式获取

      阿里云AI平台
      阿里云AI平台

      阿里云AI平台

      下载
    • 选择样例如下:

趣味体验馆踩坑指南 - php中文网        

  • 选择完成后选择下一步

设置模型输入输出

  • 根据模型需要和页面提示设置模型的输入输出
  • 因为演示的模型是一个图像风格转换的模型,所以输入输出都是图像
  • 具体的设置如下图所示:

趣味体验馆踩坑指南 - php中文网        

趣味体验馆踩坑指南 - php中文网        

  • 重要提示1:其中的参数类型是可以继续往下拉的,如下图:

趣味体验馆踩坑指南 - php中文网        

  • 重要提示2:参数类型中的图像类型会将上传的图像自动转换成 Base64 编码作为模型的输入,而非直接传递图像数组,其实还是一个套壳的 Base64 类型而已
  • 重要提示3:其中视频、语音类型还未尝试过,不知道具体的处理是怎么样的
  • 设置完毕选择下一步

制作输入输出转换器

  • 顾名思义,就是编写模型输入预处理和输出后处理的操作代码
  • 这是模型部署中最关键的一步,目前坑稍微比较多
    • 目前环境中没有 opencv-python (cv2)模块,只能使用 PIL 模块进行图像处理
    • 默认图像的 Base64 编码是 RGB 格式的
    • 暂时没找到内置的 Base64 与 PIL Image 转换的 API 接口,只能自己写一个
    • Base64 编码无论输入输出都是包含文件头的,如:"data:image/jpeg;base64,"
    • 为了兼容旧版本模型,该功能目前用的是 paddle 内部的 API 进行推理操作,而非 PaddleInference,无法通过删除输入输出结点实现动态 Shape 推理
    • 也就是说必须在保存推理模型时将模型输入设置为动态的 Shape 才可以,如果导出时是固定的,那么推理时也只能使用固定的输入 Shape
    • 而且目前需要使用 fluid.DataFeeder 这个旧版本的 API 进行 Feeder 的构建,所以必须提前通过读取模型文件的方式来查找输入的 Tensor 的名称
  • 输入参数代码如下:
import reimport base64import numpy as npimport paddle.fluid as fluidfrom PIL import Imagefrom io import BytesIO# 将 Base64 转成 PIL Image def base64_to_pil(image_base64):
    """read image from memory"""
    image_base64 = re.sub('^data:image/.+;base64,', '', image_base64)  # 需要去除头部格式信息
    image_mem = BytesIO(base64.b64decode(image_base64))  # python3
    image_pil = Image.open(image_mem).convert('RGB')    return image_pil# 预处理代码def preprocess(img):
    # 图像缩放
    max_size, min_size = 720, 32
    w, h = img.size    if max(h,w)>max_size:
        img = img.resize((max_size, int(h/w*max_size))) if h<w else img.resize((int(w/h*max_size), max_size))    elif min(h,w)<min_size:
        img = img.resize((min_size, int(h/w*min_size))) if h>w else img.resize((int(w/h*min_size), min_size))    # 裁剪图片
    w, h = img.size
    img = np.array(img)
    img = img[:h-(h%32), :w-(w%32), :]    # 归一化
    img = img/127.5 - 1.0
    
    return imgdef reader_infer(data_args):
    """
    reader inter
    :param data_args: 接口请求参数
    :return [[]], feeder
    """

    def reader():
        """
        reader
        :return:
        """
        # image <type 'image'> default value:None 
        image = data_args['image']        
        # 格式转换
        image = base64_to_pil(image)        
        # 预处理
        image = preprocess(image)        
        # 根据输入 Tensor 的名称和 Shape 构建 DataFeeder
        h, w, c = image.shape
        img = fluid.layers.data(name='x2paddle_generator_input', shape=[h, w, c], dtype='float32')
        feeder = fluid.DataFeeder([img], fluid.CPUPlace())        return [[image]], feeder    return reader
       
  • 输出参数代码如下:
import reimport base64import numpy as npfrom PIL import Imagefrom io import BytesIO 


# PIL Image 转换为 Base64def pil_to_base64(image_pil):
    """save PIL image in memory, and convert to base64"""
    image_buffer = BytesIO()    # image_buffer = StringIO()  # python2
    image_pil.save(image_buffer, format='JPEG')
    image_bytes = image_buffer.getvalue()
    image_base64 = base64.b64encode(image_bytes).decode()    return image_base64# 后处理def postprocess(output):
    # 反归一化
    image = (output.squeeze() + 1.) / 2 * 255

    # 限幅
    image = np.clip(image, 0, 255).astype(np.uint8)    
    # 格式转换
    image = Image.fromarray(image)    
    return imagedef output(results, data_args):
    """
    模型评测结果输出转换
    :param results
    :param data_args 请求参数
    :return dict
    """
    # todo
    # 后处理
    image = postprocess(results[0])    
    # Base64 编码
    code = pil_to_base64(image)    
    # 加上文件头进行结果返回
    return {'image': 'data:image/jpeg;base64,'+code}
       
  • 代码写完选择生成沙盒
  • 这样一个沙盒就配置完成了

沙盒启动和测试

  • 点击下图的启动,即可启动沙盒

趣味体验馆踩坑指南 - php中文网        

  • 然后点击测试,即可开始部署测试,其中包含如下两种测试方式:
    • 代码:通过脚本代码配置输入进行模型测试
    • 可视化:通过可视乎接口进行模型测试
  • 除了测试方式之外,还有两个重要模块:
    • 请求返回结果:可以通过这里获取模型的输出结果
    • 请求日志:可以通过这里了解模型出现的问题
  • 选择其中一种方式,填写所需要的输入数据,然后点击发送请求或提交即可测试沙盒服务是否正常运行,样例如下图:

趣味体验馆踩坑指南 - php中文网        

趣味体验馆踩坑指南 - php中文网        

  • 测试验证结果正确之后,提示“测试通过,返回沙盒列表部署”
  • 点击沙盒列表返回主页面进行最后的部署

正式部署

  • 点击下图中的正式部署即可将模型进行在线部署

趣味体验馆踩坑指南 - php中文网        

创建趣味体验馆

  • 完成了模型部署,下一步就可以创建趣味体验馆功能了
  • 点击下图中的创建趣味体验馆,即可以开始创建

趣味体验馆踩坑指南 - php中文网        

配置名称和介绍

  • 首先需要为这个体验项目配置名称和介绍

趣味体验馆踩坑指南 - php中文网        

  • 完成后选择下一步

配置输入输出信息

  • 接下来配置输入输出的介绍信息

趣味体验馆踩坑指南 - php中文网        

  • 最后选择创建即可

体验测试

  • 创建完成后,项目页面就会出现趣味体验馆的选项卡,如下图:

趣味体验馆踩坑指南 - php中文网        

  • 然后就可以自行进行体验测试了,当然也可以公开项目让大家一起体验有趣的项目

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

WorkBuddy
WorkBuddy

腾讯云推出的AI原生桌面智能体工作台

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
TypeScript类型系统进阶与大型前端项目实践
TypeScript类型系统进阶与大型前端项目实践

本专题围绕 TypeScript 在大型前端项目中的应用展开,深入讲解类型系统设计与工程化开发方法。内容包括泛型与高级类型、类型推断机制、声明文件编写、模块化结构设计以及代码规范管理。通过真实项目案例分析,帮助开发者构建类型安全、结构清晰、易维护的前端工程体系,提高团队协作效率与代码质量。

26

2026.03.13

Python异步编程与Asyncio高并发应用实践
Python异步编程与Asyncio高并发应用实践

本专题围绕 Python 异步编程模型展开,深入讲解 Asyncio 框架的核心原理与应用实践。内容包括事件循环机制、协程任务调度、异步 IO 处理以及并发任务管理策略。通过构建高并发网络请求与异步数据处理案例,帮助开发者掌握 Python 在高并发场景中的高效开发方法,并提升系统资源利用率与整体运行性能。

46

2026.03.12

C# ASP.NET Core微服务架构与API网关实践
C# ASP.NET Core微服务架构与API网关实践

本专题围绕 C# 在现代后端架构中的微服务实践展开,系统讲解基于 ASP.NET Core 构建可扩展服务体系的核心方法。内容涵盖服务拆分策略、RESTful API 设计、服务间通信、API 网关统一入口管理以及服务治理机制。通过真实项目案例,帮助开发者掌握构建高可用微服务系统的关键技术,提高系统的可扩展性与维护效率。

178

2026.03.11

Go高并发任务调度与Goroutine池化实践
Go高并发任务调度与Goroutine池化实践

本专题围绕 Go 语言在高并发任务处理场景中的实践展开,系统讲解 Goroutine 调度模型、Channel 通信机制以及并发控制策略。内容包括任务队列设计、Goroutine 池化管理、资源限制控制以及并发任务的性能优化方法。通过实际案例演示,帮助开发者构建稳定高效的 Go 并发任务处理系统,提高系统在高负载环境下的处理能力与稳定性。

51

2026.03.10

Kotlin Android模块化架构与组件化开发实践
Kotlin Android模块化架构与组件化开发实践

本专题围绕 Kotlin 在 Android 应用开发中的架构实践展开,重点讲解模块化设计与组件化开发的实现思路。内容包括项目模块拆分策略、公共组件封装、依赖管理优化、路由通信机制以及大型项目的工程化管理方法。通过真实项目案例分析,帮助开发者构建结构清晰、易扩展且维护成本低的 Android 应用架构体系,提升团队协作效率与项目迭代速度。

92

2026.03.09

JavaScript浏览器渲染机制与前端性能优化实践
JavaScript浏览器渲染机制与前端性能优化实践

本专题围绕 JavaScript 在浏览器中的执行与渲染机制展开,系统讲解 DOM 构建、CSSOM 解析、重排与重绘原理,以及关键渲染路径优化方法。内容涵盖事件循环机制、异步任务调度、资源加载优化、代码拆分与懒加载等性能优化策略。通过真实前端项目案例,帮助开发者理解浏览器底层工作原理,并掌握提升网页加载速度与交互体验的实用技巧。

102

2026.03.06

Rust内存安全机制与所有权模型深度实践
Rust内存安全机制与所有权模型深度实践

本专题围绕 Rust 语言核心特性展开,深入讲解所有权机制、借用规则、生命周期管理以及智能指针等关键概念。通过系统级开发案例,分析内存安全保障原理与零成本抽象优势,并结合并发场景讲解 Send 与 Sync 特性实现机制。帮助开发者真正理解 Rust 的设计哲学,掌握在高性能与安全性并重场景中的工程实践能力。

227

2026.03.05

PHP高性能API设计与Laravel服务架构实践
PHP高性能API设计与Laravel服务架构实践

本专题围绕 PHP 在现代 Web 后端开发中的高性能实践展开,重点讲解基于 Laravel 框架构建可扩展 API 服务的核心方法。内容涵盖路由与中间件机制、服务容器与依赖注入、接口版本管理、缓存策略设计以及队列异步处理方案。同时结合高并发场景,深入分析性能瓶颈定位与优化思路,帮助开发者构建稳定、高效、易维护的 PHP 后端服务体系。

532

2026.03.04

AI安装教程大全
AI安装教程大全

2026最全AI工具安装教程专题:包含各版本AI绘图、AI视频、智能办公软件的本地化部署手册。全篇零基础友好,附带最新模型下载地址、一键安装脚本及常见报错修复方案。每日更新,收藏这一篇就够了,让AI安装不再报错!

171

2026.03.04

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
最新Python教程 从入门到精通
最新Python教程 从入门到精通

共4课时 | 22.5万人学习

Django 教程
Django 教程

共28课时 | 5万人学习

SciPy 教程
SciPy 教程

共10课时 | 1.9万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号