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>