更新

Author: developer

index.html

@@ -14,7 +14,7 @@
     <div class="row justify-content-center">
         <!-- 表单容器 -->
         <div class="col-md-5 mb-3">
-            <div class="card">
+            <div class="card shadow-sm">
                 <div class="card-header text-center">
                     <h2>文本转语音</h2>
                 </div>
@@ -64,7 +64,7 @@ <h2>文本转语音</h2>
 
         <!-- 历史记录容器 -->
         <div class="col-md-5 mb-3">
-            <div class="card">
+            <div class="card shadow-sm">
                 <div class="card-header text-center">
                     <h2>历史记录</h2>
                 </div>

script.js

@@ -3,13 +3,13 @@ const apiConfig = {
         url: "https://api.pearktrue.cn/api/aivoicenet",
         speakers: [
             "宇祥", "宇蓝", "蕊柔", "宇智", "宇希", "希儿", "蕊诗", "蕊雪", "蕊姗", "珊儿",
-            "婉儿", "智宸", "宇昊", "宇铭", "宇伟", "紫瑶", "紫阿", "紫雪", "紫娜", "紫芸", 
+            "婉儿", "智宸", "宇昊", "宇铭", "宇伟", "紫瑶", "紫阿", "紫雪", "紫娜", "紫芸",
             "宇全", "玲儿", "艾婷", "宇诚", "宇盛", "宇栋", "宇光", "艾琳", "艾莉", "艾雯",
             "艾诗", "宇驰", "艾薇", "艾洁", "艾蕊", "宇骏", "宇康", "艾悦", "艾冉", "艾楠",
             "宇铭", "艾婧", "艾露", "艾思", "艾媛", "艾茜", "艾菲", "艾雅", "宇泽", "艾冉-情感女声",
-            "晓萱-情感女声", "晓辰-知性女生", "晓晓-情感", "晓伊-儿童音", "云健-情感男声", "云夏-儿童音", 
+            "晓萱-情感女声", "晓辰-知性女生", "晓晓-情感", "晓伊-儿童音", "云健-情感男声", "云夏-儿童音",
             "云扬-青年男声", "云希-解说小帅", "晓贝-东北", "晓妮-陕西", "晓枫-情感女声", "晓新-情感女声",
-            "云辰-台湾", "沁荷", "芸语", "语嫣", "蕊珠", "沁娜", "沁蕾", "宇璋", "馨月", "馨兰", 
+            "云辰-台湾", "沁荷", "芸语", "语嫣", "蕊珠", "沁娜", "沁蕾", "宇璋", "馨月", "馨兰",
             "宇尚", "宇同", "馨欣", "馨瑶", "宇韦", "宇晋", "蕊芬", "宇晋", "蕊莉", "沁雨",
             "沁香", "宇康", "馨逸", "沁莲", "宇栋", "馨荣", "芸渲", "芸露", "芸梅", "蕊若",
             "蕊晗", "沁美", "芸柔", "蕊韵", "宇彦", "芸茜", "蕊诗", "晓墨-青年女声", "云枫-磁性男声",
@@ -145,7 +145,9 @@ function generateVoice(isPreview) {
             $('#audio')[0].load();  // 确保加载音频文件
             if (!isPreview) {
                 $('#download').attr('href', voiceUrl);
-                addHistoryItem(text, voiceUrl);
+                const timestamp = new Date().toLocaleTimeString();  // 获取当前时间
+                const shortenedText = text.length > 10 ? text.substring(0, 10) + '...' : text;
+                addHistoryItem(timestamp, shortenedText, voiceUrl);
             }
             $('#result').show();
             $('#loading').hide();
@@ -161,11 +163,11 @@ function generateVoice(isPreview) {
     });
 }
 
-function addHistoryItem(text, audioURL) {
+function addHistoryItem(timestamp, text, audioURL) {
     const historyItems = $('#historyItems');
     const historyItem = $(`
         <div class="history-item">
-            <span>${text}</span>
+            <span>${timestamp} - ${text}</span>
             <div>
                 <button class="btn btn-secondary" onclick="playAudio('${audioURL}')">播放</button>
                 <button class="btn btn-info" onclick="downloadAudio('${audioURL}')">下载</button>
@@ -191,4 +193,5 @@ function downloadAudio(audioURL) {
 
 function clearHistory() {
     $('#historyItems').empty();
+    alert("历史记录已清除！");
 }