更新

Author: developer

index.html

@@ -12,15 +12,16 @@
 <div class="container mt-5">
     <div class="card">
         <div class="card-header text-center">
-            <h1>文本转语音</h1>
+            <h2>文本转语音</h2>
         </div>
         <div class="card-body">
             <form id="text2voice-form">
+                <!-- 新增的API选择 -->
                 <div class="form-group">
                     <label for="api">选择API：</label>
                     <select class="form-control" id="api" required>
                         <option value="aivoicenet">API 1</option>
-                        <option value="leftsite">API 2</option>
+                        <option value="voiceapi">API 2</option>
                     </select>
                 </div>
                 <div id="commonParams">
@@ -33,7 +34,7 @@ <h1>文本转语音</h1>
                         <select class="form-control" id="speaker" required></select>
                     </div>
                 </div>
-                <div id="leftsiteParams" style="display: none;">
+                <div id="voiceapiParams" style="display: none;">
                     <div class="form-group slider-container">
                         <label for="rate">语速: <span id="rateValue">0</span></label>
                         <input type="range" class="form-control-range" id="rate" name="rate" min="-100" max="100" value="0">

script.js

@@ -22,8 +22,8 @@ const apiConfig = {
             "Ethan", "Emma", "Ava", "Lucas", "Chloe", "Caleb", "Sofia", "Gabriel", "Ivy"
         ]
     },
-    leftsite: {
-        url: "/api2/tts",
+    voiceapi: {
+        url: "https://voiceapi.firefly.oy.lc/tts",
         speakers: [
             "zh-CN-XiaoxiaoMultilingualNeural", "zh-CN-XiaoxiaoNeural", "zh-CN-YunxiNeural", "zh-CN-YunjianNeural",
             "zh-CN-XiaoyiNeural", "zh-CN-YunyangNeural", "zh-CN-XiaochenNeural", "zh-CN-XiaohanNeural",
@@ -48,8 +48,8 @@ function updateSpeakerOptions(apiName) {
         speakerSelect.append(new Option(speaker, speaker));
     });
 
-    const showAdditionalParams = apiName === 'leftsite';
-    $('#leftsiteParams').toggle(showAdditionalParams);
+    const showAdditionalParams = apiName === 'voiceapi';
+    $('#voiceapiParams').toggle(showAdditionalParams);
 }
 
 function updateSliderLabel(sliderId, labelId) {
@@ -81,9 +81,9 @@ $(document).ready(function () {
         const apiUrl = apiConfig[apiName].url;
         const speaker = $('#speaker').val();
         const text = $('#text').val();
-
         let url = `${apiUrl}?text=${encodeURIComponent(text)}&speak=${speaker}`;
-        if (apiName === 'leftsite') {
+
+        if (apiName === 'voiceapi') {
             const rate = $('#rate').val();
             const pitch = $('#pitch').val();
             url += `&r=${rate}&p=${pitch}&o=audio-24khz-48kbitrate-mono-mp3`;
@@ -100,7 +100,7 @@ $(document).ready(function () {
                 if (apiName === 'aivoicenet') {
                     voiceUrl = response.voiceurl;
                 } else {
-                    voiceUrl = URL.createObjectURL(response);
+                    voiceUrl = url;
                 }
 
                 $('#audio').attr('src', voiceUrl);