RippleAi：一站式GPT、AI繪畫、語音合成工具
RippleAi
一站式GPT、AI繪畫、語音合成工具Auto generate summary / illustration / TTS by RippleAi.
Demo
Desktop
mobile
?特性
自動(dòng)生成，無需人工干預(yù)
??簡潔、美觀的前端樣式，響應(yīng)式設(shè)計(jì)
輕松上手，高可定制
針對(duì)PJAX、Fancybox進(jìn)行兼容
使用數(shù)據(jù)庫，避免API進(jìn)行重復(fù)請(qǐng)求
CDN功能，允許服務(wù)器緩存圖片后發(fā)送
可設(shè)置跨域限制，防盜用
??集成GPT、Midjourney、VITS
??快速開始
根據(jù)html結(jié)構(gòu)找出正文對(duì)應(yīng)的class
例如我的博客正文被class="entry-content"包裹，那么let RippleGPT_postSelector = '.entry-content';
在需要的地方插入html即可～
<div class="ripple-ai mt-4"> </div> <link href="/path/to/ripplegpt.css" rel="stylesheet" type="text/css" /> <script> let RippleGPT_postSelector = '文章正文'; let GPT_URL = 'https://api.example.com/'; let MJ_URL= 'https://api.example.com/send_and_receive'; let VITS_URL= 'https://api.example.com/models/${path}/speakers/${id}'; </script> <script src="/path/to/ripplegpt.js"></script> <script src="/path/to/typeit.min.js"></script> <script>document.addEventListener('DOMContentLoaded', function() { runRippleGPT(); }); </script>
HTML
cdn（不保證可用）
<div class="ripple-ai mt-4"> </div> <link href="https://myripple.cc/cdn/RippleGPT.css" rel="stylesheet" type="text/css" /> <script> let RippleGPT_postSelector = '文章正文'; let GPT_URL = 'https://api.example.com/'; let MJ_URL= 'https://api.example.com/send_and_receive'; let VITS_URL= 'https://api.example.com/models/${path}/speakers/${id}'; </script> <script src="https://myripple.cc/cdn/RippleGPT.js"></script> <script src="https://myripple.cc/cdn/typeit.min.js"></script> <script>document.addEventListener('DOMContentLoaded', function() { runRippleGPT(); }); </script>
HTML
PJAX兼容（Wordpress為例）
/*?容器外部(footer.php) */ <script src="https://myripple.cc/cdn/RippleGPT.js"></script> <script> runRippleGPT(); </script> /*?容器內(nèi)部（single.php) */ <link href="https://myripple.cc/cdn/RippleGPT.css" rel="stylesheet" type="text/css" /> <script> let RippleGPT_postSelector = '文章正文'; let GPT_URL = 'https://api.example.com/'; let MJ_URL= 'https://api.example.com/send_and_receive'; let VITS_URL= 'https://api.example.com/models/${path}/speakers/${id}'; </script>
PHP
后端搭建
node
Python(midjourney）
Python(vits）
???技術(shù)棧
[Python]?+?[Node]
[PHP]?+?[HTML]?+?[CSS]
???擴(kuò)展
??你可以把Midjourney接入機(jī)器人！
本項(xiàng)目處于最初階段，基于作者自己的WP主題開發(fā)，可能存在較多的BUG與兼容性問題，歡迎提出ISSUE！
聯(lián)系&合作&捐贈(zèng)：support@hiripple.com
???未來計(jì)劃：更多的VITS樣式、Midjourney upscale功能
License
MIT
你可以刪去右下角的powered by rippleai，但必須保留左上角的圖標(biāo)以及超鏈接
Blog：https://hiripple.com/archives/3144
GitHub：https://github.com/CelestialRipple/RippleAi-Summary-Illustration-TTS
