TTS-Vue เวอร์ชันเว็บ

✅ สาธิตออนไลน์ (แนะนำ): https://xiaoying.work (🎁 ฟรี 10,000 ตัวอักษรทุกวัน)

>

🚀 ผลิตภัณฑ์ใหม่: ผลิตภัณฑ์เสียงมืออาชีพ / เสถียรภาพมากขึ้น / รองรับแพ็กเกจ / รองรับเสียงมากขึ้น / มีคิวงาน

🎤 เครื่องมือสังเคราะห์เสียงไมโครซอฟท์ เวอร์ชันเว็บ สร้างด้วย Vue + ElementPlus + Vite

เวอร์ชันที่โฮสต์ / ทดลองใช้งานออนไลน์

คลังนี้เป็นการอ้างอิงสำหรับการพัฒนา Web UI แบบโอเพ่นซอร์ส หากคุณต้องการบริการที่เสถียรกว่าและมีฟังก์ชันที่สมบูรณ์กว่า แนะนำให้ใช้บริการเวอร์ชันที่เราดูแลอย่างเป็นทางการ

| ฟีเจอร์ | โฮสต์เอง (คลังนี้) | XiaoYing.work (ดูแลโดยทางการ) | | :----------------- | :------------------------- | :---------------------------------------------- | | ความยากในการติดตั้ง | ต้องติดตั้ง backend และตั้งค่าสภาพแวดล้อมเอง | พร้อมใช้งานทันที ไม่ต้องติดตั้ง | | โควต้าฟรี | ขึ้นอยู่กับการตั้งค่าหลังบ้าน | ฟรี 10,000 ตัวอักษร/วัน | | ความเสถียร | ขึ้นอยู่กับเครือข่ายท้องถิ่น | SLA ความเสถียรสูง มีสายตรงเร่งความเร็ว | | ฟังก์ชัน | สังเคราะห์เสียงพื้นฐาน | ระบบบัญชี งานคิว เสียงมากขึ้น รองรับ API | | การดูแลรักษา | ชุมชนช่วยกันดูแล | ทีมทางการอัปเดตต่อเนื่อง | | เหมาะสำหรับ | ศึกษา ทดลองใช้ส่วนตัว | ใช้งานจริง งานพากย์มืออาชีพ ใช้บ่อย |

ตัวอย่างเว็บไซต์

อินเทอร์เฟซเวอร์ชันโฮสต์

https://xiaoying.work (🎁 ฟรี 10,000 ตัวอักษร/วัน)

https://web.tts88.top

อินเทอร์เฟซเวอร์ชันใหม่

อินเทอร์เฟซเวอร์ชันเก่า

คุณสมบัติเด่น

• 🌐 ใช้งานผ่านเว็บ 100% ไม่ต้องติดตั้งแอปเดสก์ท็อป
• 🔊 รองรับบริการสังเคราะห์เสียงของ Microsoft หลายแบบ
• 🚀 รองรับการเชื่อมต่อ API ของ TTS88
• 🆓 รองรับ TTS ฟรี มีโควตาฟรีต่อวัน
• 🧠 รองรับการสร้างข้อความด้วย OpenAI
• 🌍 รองรับหลายภาษา: จีน อังกฤษ สเปน
• 🔐 ตรวจจับลายนิ้วมือเบราว์เซอร์ ประสบการณ์ผู้ใช้ปลอดภัยกว่า

อัปเดตล่าสุด

การปรับโฉมอินเทอร์เฟซและเสริมฟีเจอร์ (v2.2.0)

• 📱 ปรับโครงสร้าง UI: ยึดแถบนำทางด้านบน, กล่องข้อความแบบติดด้านบน, ปรับปรุงการแสดงผลบนมือถือ
• 🔤 SSML เสริมประสิทธิภาพ: เพิ่มฟังก์ชันจัดรูปแบบ SSML, อัปเดต SSML อัตโนมัติตามการตั้งค่า
• 🎵 ปรับปรุงเครื่องเล่นเสียง: ผนวกรวมเครื่องเล่นเสียงในหน้าหลัก, ปรับปรุงประสบการณ์การเล่นและดาวน์โหลดเสียง
• 🎞️ ฟังก์ชันซับไตเติ้ล: เพิ่มฟีเจอร์สร้างซับไตเติ้ลออนไลน์, ช่วยเพิ่มประสิทธิภาพการสร้างเนื้อหา
• 🌓 ปรับปรุงธีม: พัฒนาอินเทอร์เฟซโหมดมืด, เพิ่มการสลับธีมทั่วทั้งระบบ
• 🛠️ การตั้งค่าขั้นสูง: ปรับปรุงหน้าฟรี TTS, เพิ่มการตั้งค่าความเร็วและโทนเสียง
• 💡 ประสบการณ์การใช้งาน: เพิ่มฟีเจอร์คำแนะนำเครื่องมือ, เสริมการชี้นำการใช้งาน
• 🔄 อัปเกรด dependencies: อัปเดต Vue เป็น 3.5.11, ElementPlus เป็น 2.9.9
• 🌐 อัปเดตลิงก์: ปรับปรุงที่อยู่ GitHub repository

การรวมบริการ TTS ฟรี (v2.1.0)

• 🆕 ฟีเจอร์ TTS ฟรี: ไม่ต้องใช้ API Key, มีโควต้าฟรีรายวัน
• 👤 การระบุลายนิ้วมือเบราว์เซอร์: รับประกันการใช้โควต้าฟรีอย่างเป็นธรรมของผู้ใช้แต่ละคน
• 🔄 แสดงสถานะโควต้า: แสดงจำนวนตัวอักษรฟรีที่เหลือและเวลาที่จะรีเซ็ตแบบเรียลไทม์
• 🌐 ตรวจสอบสถานะเซิร์ฟเวอร์: ตรวจสอบการเชื่อมต่อเซิร์ฟเวอร์ TTS ฟรีโดยอัตโนมัติ
• 🛡️ ปรับปรุงการจัดการข้อผิดพลาด: ข้อความแจ้งข้อผิดพลาดและสถานะที่เป็นมิตรต่อผู้ใช้มากขึ้น
• 🎛️ แผงตั้งค่า TTS ฟรี: สะดวกในการตั้งค่าและดูข้อมูลโควต้าของผู้ใช้

การปรับปรุงอินเทอร์เฟซและประสบการณ์ผู้ใช้ (v2.0.0)

• ✨ ปรับปรุงพื้นที่ตั้งค่า: แผงการตั้งค่าพับเก็บได้, คลิกหัวข้อ "การตั้งค่าเสียง" เพื่อขยาย/พับ
• 🔘 ตำแหน่งปุ่มอัจฉริยะ: ย้ายปุ่ม "เริ่มแปลง" ไปด้านบน, ไม่ต้องเลื่อนหน้าจอก็คลิกได้
• 💬 เสริมข้อความสถานะ: เพิ่มข้อความสถานะการแปลงที่เข้าใจง่าย
• 🎨 ปรับปรุงภาพ: เพิ่มแอนิเมชันเอฟเฟกต์แสงที่ปุ่ม, เพิ่มประสบการณ์ผู้ใช้
• 📱 ปรับปรุง Layout ตอบสนอง: พัฒนาการแสดงผลบนขนาดหน้าจอที่แตกต่างกัน

การปรับปรุงเหล่านี้ช่วยเพิ่มประสิทธิภาพการใช้งานอย่างมาก โดยเฉพาะการแก้ไขปัญหาดีไซน์แบบเดิมที่ผู้ใช้ต้องเลื่อนลงไปด้านล่างเพื่อกด "เริ่มแปลง" ตอนนี้ไม่ว่าผู้ใช้จะอยู่ตรงไหนของหน้าเว็บ ก็สามารถเริ่มการแปลงเสียงได้ง่ายดาย

แผนการพัฒนา

📢 ประกาศสำคัญ: กำลังพัฒนาเวอร์ชันเดสก์ท็อป!

เรากำลังสร้างแอปพลิเคชันเดสก์ท็อปแบบข้ามแพลตฟอร์ม ซึ่งจะรองรับฟีเจอร์มากขึ้นและประสบการณ์ผู้ใช้ที่ดียิ่งขึ้น

โปรดรอติดตามอัปเดต และติดตามข่าวสารโครงการเพื่อรับข้อมูลล่าสุด

เริ่มต้นใช้งานอย่างรวดเร็ว

สภาพแวดล้อมการพัฒนา

# 克隆仓库
git clone https://github.com/henryhu55/tts-web-vue.git
安装依赖
yarn install
启动开发服务器
yarn dev

การสร้างสำหรับการผลิต

# 构建生产版本
yarn build
预览生产版本
yarn preview

การปรับใช้

หลังจากสร้างเสร็จ ให้นำเนื้อหาในไดเรกทอรี dist ไปปรับใช้บนเซิร์ฟเวอร์เว็บแบบสแตติกใดก็ได้

การตั้งค่า API

เวอร์ชันเว็บนี้รองรับบริการ TTS ฟรี, TTS88 API และ OpenAI API:

การตั้งค่าบริการ TTS ฟรี

• ในหน้าการตั้งค่า ให้หาตัวเลือก "บริการ TTS ฟรี"
• ระบบตั้งค่าที่อยู่เซิร์ฟเวอร์ TTS ฟรีไว้ให้โดยอัตโนมัติ
• คุณสามารถดูยอดฟรีที่เหลือในวันนั้นและเวลาที่จะรีเซ็ตได้
• แต่ละเบราว์เซอร์ไคลเอนต์จะมียอดฟรีแยกกัน

การตั้งค่า TTS88 API

• ในหน้าการตั้งค่า ให้หาตัวเลือก "URL API ของบุคคลที่สาม"
• ป้อนที่อยู่ TTS88 API ของคุณ
• หากมีคีย์ API ให้กรอกในช่อง "คีย์ API ของ TTS88"

การตั้งค่า OpenAI API

• ในหน้าการตั้งค่า ให้หาตัวเลือกการตั้งค่า OpenAI
• ป้อนคีย์ API ของ OpenAI ของคุณ
• เลือกรุ่นที่ต้องการใช้ (ค่าเริ่มต้นคือ gpt-3.5-turbo)
• หากใช้เซิร์ฟเวอร์ส่วนตัวหรือพร็อกซี สามารถตั้งค่า API Base URL ที่กำหนดเองได้

หมายเหตุ

• ข้อมูลจะถูกจัดเก็บไว้ในที่จัดเก็บของเบราว์เซอร์เท่านั้น การรีเฟรชหรือเคลียร์แคชจะไม่ส่งผลต่อผู้ใช้อื่น
• ไฟล์เสียงที่แปลงแล้วสามารถเล่นบนเบราว์เซอร์หรือดาวน์โหลดลงเครื่องได้โดยตรง
• บริการ TTS ฟรีมีโควต้าการใช้งานต่อวัน หากเกินต้องรอรีเซ็ตในวันถัดไป

เทคโนโลยีที่ใช้

• Vue 3.2
• Pinia
• ElementPlus
• Vite

ใบอนุญาต

สัญญาอนุญาต MIT

เริ่มต้นใช้งาน

• แนะนำโปรเจกต์
• การติดตั้งและการใช้งาน
• แนะนำฟีเจอร์
• คำถามที่พบบ่อย
• บันทึกการอัปเดต

หมายเหตุ

ซอฟต์แวร์และซอร์สโค้ดนี้ใช้สำหรับการเรียนรู้และทดสอบส่วนบุคคลเท่านั้น กรุณาลบภายใน 24 ชั่วโมงหลังจากดาวน์โหลด ห้ามใช้ในเชิงพาณิชย์ มิฉะนั้นผู้ใช้ต้องรับผิดชอบเอง ผลทางกฎหมายจากการใช้งานที่ผิดกฎหมายจะไม่เกี่ยวข้องกับผู้พัฒนา ซอฟต์แวร์นี้จะไม่มีการเก็บค่าใช้จ่ายใด ๆ หากคุณจ่ายเงินก่อนใช้งาน หรือจ่ายเงินเพื่อรับซอร์สโค้ดหรือซอฟต์แวร์ แสดงว่าคุณถูกหลอกแล้ว!

หากนำไปเผยแพร่ กรุณาให้เครดิตแหล่งที่มา ห้ามชักจูงให้ผู้อื่นรับซอฟต์แวร์หรือไฟล์ติดตั้งผ่านกลุ่ม แชทส่วนตัว หรือช่องทางใด ๆ

ติดต่อ-สอบถาม แจ้งปัญหา กลุ่มประกาศเวอร์ชัน QQ:

【tts-web-vueกลุ่มแจ้งปัญหา1】279895662

--- Tranlated By Open Ai Tx | Last indexed: 2026-01-04 ---