RippleAi Summary Illustration TTS下载RippleAi Summary Illustration TTS源代码下载

RippleAi Summary Illustration TTS

Ai源码

1.0.0

下载

RippleAi

Auto generate summary / illustration / TTS by RippleAi.

Blog/Live Demo • License

Demo

desktop

mobile

mobie

特性

? 自动生成，无需人工干预
简洁、美观的前端样式，响应式设计
轻松上手，高可定制
? 针对PJAX、Fancybox进行兼容
使用数据库，避免API进行重复请求
CDN功能，允许服务器缓存图片后发送（中国大陆友好）
? 可设置跨域限制，防盗用
集成GPT、Midjourney、VITS

快速开始

根据html结构找出正文对应的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>

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>

PJAX兼容（Wordpress为例）

/* 容器外部(footer.php) */	
  <script src="https://myripple.cc/cdn/RippleGPT.js"></script>
					<script>
	runRippleGPT();
</script>
<script>
 $(document).on('pjax:complete', function() {
		runRippleGPT();
    });
</script>
/* 容器内部（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>