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来实现对图片的生成,这样出土质量会大大提高,无论是你的底图,还是你的脸图

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

相关推荐
学嵌入式的小杨同学12 分钟前
从零打造 Linux 终端 MP3 播放器!用 C 语言实现音乐自由
linux·c语言·开发语言·前端·vscode·ci/cd·vim
weixin_4255437343 分钟前
TRAE CN3.3.25 构建的Electron简易DEMO应用
前端·typescript·electron·vite·nestjs
Mr Xu_2 小时前
【Vue3 + ECharts 实战】正确使用 showLoading、resize 与 dispose 避免内存泄漏
前端·信息可视化·vue·echarts
0思必得02 小时前
[Web自动化] Selenium设置相关执行文件路径
前端·爬虫·python·selenium·自动化
雯0609~2 小时前
hiprint:实现项目部署与打印1-官网提供普通html版本
前端·html
不绝1912 小时前
UGUI——进阶篇
前端
Exquisite.3 小时前
企业高性能web服务器(4)
运维·服务器·前端·网络·mysql
2501_944525543 小时前
Flutter for OpenHarmony 个人理财管理App实战 - 账户详情页面
android·java·开发语言·前端·javascript·flutter
2601_949857433 小时前
Flutter for OpenHarmony Web开发助手App实战:快捷键参考
前端·flutter
wangdaoyin20104 小时前
若依vue2前后端分离集成flowable
开发语言·前端·javascript