이전 버전 인터페이스

기능 특징

• 🌐 완전 웹 기반, 데스크톱 앱 설치 불필요
• 🔊 마이크로소프트 다양한 음성 합성 지원
• 🚀 TTS88 API 통합 지원
• 🆓 무료 TTS 호출 지원, 매일 무료 할당량 제공
• 🧠 OpenAI의 텍스트 생성 지원
• 🌍 다국어 지원: 중국어, 영어, 스페인어
• 🔐 브라우저 지문 인식, 더욱 안전한 사용자 경험

최신 업데이트

인터페이스 재구성 및 기능 강화 (v2.2.0)

• 📱 UI 재구성: 상단 고정 내비게이션, 텍스트 박스 스티키 모드 적용, 모바일 적합성 최적화
• 🔤 SSML 강화: SSML 포맷 기능 추가, 설정 변경 시 SSML 자동 업데이트
• 🎵 플레이어 최적화: 메인 화면에 플레이어 통합, 오디오 재생 및 다운로드 개선
• 🎞️ 자막 기능: 온라인 자막 생성 기능 추가, 콘텐츠 제작 효율 향상
• 🌓 테마 최적화: 다크 모드에서 인터페이스 개선, 전체 테마 전환 추가
• 🛠️ 고급 설정: 무료 TTS 서비스 화면 최적화, 속도 및 음조 설정 추가
• 💡 상호작용 경험: 툴팁 기능 추가, 사용자 조작 안내 강화
• 🔄 의존성 업그레이드: Vue 3.5.11, ElementPlus 2.9.9로 업데이트
• 🌐 링크 업데이트: GitHub 저장소 주소 갱신

무료 TTS 서비스 통합 (v2.1.0)

• 🆕 무료 TTS 기능: API 키 없이도 매일 무료 할당량 제공
• 👤 브라우저 지문 인식: 모든 사용자가 공평하게 무료 할당량 사용 보장
• 🔄 할당량 상태 표시: 남은 무료 문자 수 및 리셋 시간 실시간 표시
• 🌐 서버 상태 감지: 무료 TTS 서버 연결 상태 자동 감지
• 🛡️ 오류 처리 강화: 더욱 친절한 오류 메시지 및 상태 피드백
• 🎛️ 무료 TTS 설정 패널: 사용자에게 설정 및 할당량 정보 편리하게 제공

인터페이스 및 사용자 경험 최적화 (v2.0.0)

• ✨ 설정 영역 최적화: 설정 패널이 접힘을 지원하며, "음성 설정" 제목을 클릭하면 펼치기/접기 가능
• 🔘 스마트 버튼 위치: "변환 시작" 버튼이 상단으로 이동되어 스크롤 없이 클릭 가능
• 💬 상태 알림 강화: 직관적인 변환 상태 안내 문구 추가
• 🎨 시각 효과 개선: 버튼에 광효과 애니메이션 추가로 사용자 경험 향상
• 📱 반응형 레이아웃 개선: 다양한 화면 크기에서의 표시 효과 개선

개발 계획

📢 중요 공지: 데스크톱 버전이 개발 중입니다!

저희는 크로스 플랫폼 데스크톱 애플리케이션 버전을 개발 중이며, 더 많은 기능과 향상된 사용자 경험을 지원할 예정입니다.

추후 업데이트를 기대해 주시고, 프로젝트 동향을 확인하여 최신 정보를 받아보세요.

빠른 시작

개발 환경

# 克隆仓库
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 설정

• 설정 페이지에서 "서드파티 API URL" 설정 옵션을 찾습니다.
• 본인의 TTS88 API 주소를 입력합니다.
• API 키가 있다면 "TTS88 API 키" 필드에 입력합니다.

OpenAI API 설정

• 설정 페이지에서 OpenAI 설정 옵션을 찾습니다.
• 본인의 OpenAI API 키를 입력합니다.
• 사용할 모델을 선택합니다(기본값은 gpt-3.5-turbo).
• 자체 호스팅 또는 프록시를 사용하는 경우, 사용자 지정 API Base URL을 설정할 수 있습니다.

주의 사항

• 데이터는 브라우저 로컬 저장소에만 저장되며, 새로고침이나 캐시 삭제가 다른 사용자에게 영향을 주지 않습니다.
• 변환된 오디오 파일은 브라우저에서 바로 재생하거나 로컬에 다운로드할 수 있습니다.
• 무료 TTS 서비스는 일일 사용 한도가 있으며, 초과 시 다음 날 초기화를 기다려야 합니다.

기술 스택

• Vue 3.2
• Pinia
• ElementPlus
• Vite

라이선스

MIT 라이선스

시작하기