disclaimer

Author: dbccccccc

README.md

@@ -3,6 +3,8 @@
 [![Docker Image](https://img.shields.io/docker/pulls/dbcccc/ttsfm?style=flat-square)](https://hub.docker.com/r/dbcccc/ttsfm)
 [![License](https://img.shields.io/github/license/dbccccccc/ttsfm?style=flat-square)](LICENSE)
 
+> **Disclaimer**: This project is for learning and testing purposes only. For production use, please use the official OpenAI TTS service at https://platform.openai.com/docs/guides/audio
+
 [English](README.md) | [中文](README_CN.md)
 
 TTSFM is a reverse-engineered API server that mirrors OpenAI's TTS service, providing a compatible interface for text-to-speech conversion with multiple voice options.

README_CN.md

@@ -3,6 +3,8 @@
 [![Docker Image](https://img.shields.io/docker/pulls/dbcccc/ttsfm?style=flat-square)](https://hub.docker.com/r/dbcccc/ttsfm)
 [![License](https://img.shields.io/github/license/dbccccccc/ttsfm?style=flat-square)](LICENSE)
 
+> **免责声明**: 此项目仅用于学习测试，请使用 https://platform.openai.com/docs/guides/audio OpenAI的官方服务进行生产环境使用。
+
 [English](../README.md) | 中文
 
 TTSFM 是一个逆向工程的 API 服务器，镜像了 OpenAI 的 TTS 服务，提供了兼容的文本转语音接口，支持多种语音选项。

index.html

@@ -36,6 +36,19 @@ <h1>OpenAI TTS API Documentation</h1>
                 </div>
             </header>
 
+            <!-- Disclaimer Section -->
+            <section class="content-section disclaimer-notice">
+                <div class="disclaimer-container">
+                    <div class="disclaimer-icon">
+                        <i class="fas fa-info-circle"></i>
+                    </div>
+                    <div class="disclaimer-content">
+                        <h2>Disclaimer</h2>
+                        <p>This project is for learning & testing purposes only. For production use, please use the official OpenAI TTS service at <a href="https://platform.openai.com/docs/guides/audio" target="_blank">https://platform.openai.com/docs/guides/audio</a>.</p>
+                    </div>
+                </div>
+            </section>
+
             <!-- Status Section -->
             <section class="content-section status-section">
                 <h2>Service Status</h2>

index_zh.html

@@ -36,6 +36,19 @@ <h1>OpenAI TTS API 文档</h1>
                 </div>
             </header>
 
+            <!-- Disclaimer Section -->
+            <section class="content-section disclaimer-notice">
+                <div class="disclaimer-container">
+                    <div class="disclaimer-icon">
+                        <i class="fas fa-info-circle"></i>
+                    </div>
+                    <div class="disclaimer-content">
+                        <h2>免责声明</h2>
+                        <p>此项目仅用于学习测试，请使用<a href="https://platform.openai.com/docs/guides/audio" target="_blank">https://platform.openai.com/docs/guides/audio</a> OpenAI的官方服务进行生产环境使用。</p>
+                    </div>
+                </div>
+            </section>
+
             <!-- Status Section -->
             <section class="content-section status-section">
                 <h2>服务状态</h2>

styles.css

@@ -15,6 +15,9 @@
     --docs-text: #e5e7eb;
     --gradient-start: #60a5fa;
     --gradient-end: #34d399;
+    --disclaimer-bg: #eef2ff;
+    --disclaimer-border: #c7d2fe;
+    --disclaimer-text: #4f46e5;
 }
 
 * {
@@ -129,6 +132,54 @@ body {
     margin: 0.5rem 0 0;
 }
 
+/* Disclaimer Section */
+.disclaimer-notice {
+    background-color: var(--disclaimer-bg);
+    border: 1px solid var(--disclaimer-border);
+    border-radius: 8px;
+    margin-bottom: 2rem;
+    padding: 1.5rem;
+}
+
+.disclaimer-container {
+    display: flex;
+    align-items: flex-start;
+    gap: 1rem;
+}
+
+.disclaimer-icon {
+    color: var(--disclaimer-text);
+    font-size: 1.5rem;
+    padding: 0.5rem;
+    background-color: rgba(79, 70, 229, 0.1);
+    border-radius: 50%;
+}
+
+.disclaimer-content {
+    flex: 1;
+}
+
+.disclaimer-content h2 {
+    color: var(--disclaimer-text);
+    margin-bottom: 0.5rem;
+    font-size: 1.5rem;
+}
+
+.disclaimer-content p {
+    color: #4b5563;
+    margin-bottom: 0;
+}
+
+.disclaimer-content a {
+    color: var(--disclaimer-text);
+    text-decoration: none;
+    font-weight: 500;
+}
+
+.disclaimer-content a:hover {
+    text-decoration: underline;
+}
+
 /* Content sections */
 .content-section {
     margin-bottom: 3rem;