coze娱乐ai换脸

coze应用最近很火,在浏览其他人做的丰富多彩的ai应用楼主也不禁想做个有趣的,不过大家知道现在ai都能用梅花易数算卦像了不,真是震惊我前段时间花100大洋请大师算命,落泪。欧克废话不多说我们来看看楼主这次做的ai换脸

扣子这是体验地址大家可以试一试

楼主这里是把男脸换在女身,为了对比换脸效果,大家可以自己想想,比如把你的脸换成彭于晏(狗头),把你的姐妹换成刘亦菲,ok废话不多说我们来看看效果

首先我们请出我们的好兄弟

再请出美女

效果

ai设计小小架构

这时候可能有人说不像,这里楼主用的都是ai生成的图片,看着感觉怪怪的,(不过换脸的插件是官方提供的勉强用用吧),其实楼主用自己的证件照试过了,效果还是不错的,大家可以把好兄弟,说错了,自己的证件照试试看(狗头)

其实coze的ai应用主体大致也是分为三个方向-工作流(后端),ui用户界面(前端),知识库(数据库) 我们先来看看ui界面,coze提供了低代码开发方式,提供了组件与一些模板,让一些 小白也能快速开发出一些简单的界面,楼主这次时间匆匆,前端先做个简单的效果

小前端

我们来看看前端简单的交互逻辑,首先一个全局容器装了三个盒子,对于面向用户的三个功能区,左边第一列有一个图片生成的逻辑交互,这里楼主用的是表单的形式交互,我们来看看这里的小细节,首先前端是非常需要用户体验的,所以我们一定要把自己编辑的组件交互逻辑说清楚,表单里的text文本提醒的是用户的使用注意事项与功能(要是coze画图再强大那真是太好了,楼主看看下个版本这里的工作流能不能调用sd的api),然后把三个区域简单地用阴影区分一下区域

这里的表单我们绑定一个后端逻辑,即-当用户在输入框中输入文本后,把对应的promote传給后端生成图像的工作流实现(这里coze叫业务逻辑,反正差不多)我们来看看coze这里是怎么实现的

这里绑定的是表单里的promote,注意这个工作流调用的入参配置,这就是传给后端的数据

下图是换脸的前端展示 这里有个小细节,在按钮绑定提交后端处理时间的变量,也就是这两张图片一定要在value后边加上[0]{{ ImageUpload1.value [0]}},楼主一开始没注意这种小细节,如果不加的话,这两上本地是上传的图片无法传输至换脸工作流,弹出格式不兼容错误

中间没什么好说,就是简单的用户成果展示区和ai图片生成区提醒用户细节上面ai生成,下面是用户的杰作就行了

右边的一列盒子是展示之前的楼主小成果的地方(狗头)

小后端(业务逻辑)

第一个工作流

图片生成,用户的promote质量越高,生成的图片越优秀,楼主后续版本会对这里的promote的正向关键词和反向关键词进行优化,这次版本算个dome,速度也是这里能优化的空间,多个工作流实现也是能更快

很简单的一个图片生成逻辑,这里也是以后能主要优化的地方之一,楼主想的就是能不能用sd来实现对图片的生成,这样出土质量会大大提高,无论是你的底图,还是你的脸图

第二个工作流 换脸,这里调用的的是官方的插件,后续在换脸这里也许有速度的优化空间

相关推荐
mengchanmian28 分钟前
前端node常用配置
前端
华洛43 分钟前
利好打工人,openclaw不是企业提效工具,而是个人助理
前端·javascript·产品经理
xkxnq1 小时前
第六阶段:Vue生态高级整合与优化(第93天)Element Plus进阶:自定义主题(变量覆盖)+ 全局配置与组件按需加载优化
前端·javascript·vue.js
A黄俊辉A2 小时前
vue css中 :global的使用
前端·javascript·vue.js
小码哥_常2 小时前
被EdgeToEdge适配折磨疯了,谁懂!
前端
小码哥_常2 小时前
从Groovy到KTS:Android Gradle脚本的华丽转身
前端
灵感__idea2 小时前
Hello 算法:复杂问题的应对策略
前端·javascript·算法
麦麦鸡腿堡3 小时前
JavaWeb_请求参数,设置响应数据,分层解耦
java·开发语言·前端
Dxy12393102164 小时前
CSS常用样式详解:从基础到进阶的全面指南
前端·css
IT_陈寒4 小时前
SpringBoot自动配置揭秘:5个让开发效率翻倍的隐藏技巧
前端·人工智能·后端