feat: 添加h5/create和h5/build目录下的index.html文件

feat: 优化音乐播放器录制功能并添加唱片和唱针图片
- 添加静态图片资源 disc.png 和 needle.png - 优化录制功能，修复暂停时音频延迟问题 - 使用图片替代手动绘制的唱片和唱针 - 改进歌词和标题的绘制逻辑 - 移除调试用的 vconsole
2025-12-18 16:15:15 +08:00 · 2025-12-11 10:30:12 +08:00 · 2025-12-10 19:29:23 +08:00 · 2025-12-10 18:17:00 +08:00 · 2025-12-10 18:07:24 +08:00
12 changed files with 2706 additions and 221 deletions
--- a/h5/build/assets/index-CD0azml1.js
+++ b/h5/build/assets/index-CD0azml1.js
--- a/h5/build/index.html
+++ b/h5/build/index.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>朴见潮音</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <style>
+      body {
+        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
+        background-color: #f9fafb;
+      }
+      /* Custom scrollbar for table container */
+      .custom-scrollbar::-webkit-scrollbar {
+        width: 8px;
+        height: 8px;
+      }
+      .custom-scrollbar::-webkit-scrollbar-track {
+        background: #f1f1f1;
+      }
+      .custom-scrollbar::-webkit-scrollbar-thumb {
+        background: #cbd5e1;
+        border-radius: 4px;
+      }
+      .custom-scrollbar::-webkit-scrollbar-thumb:hover {
+        background: #94a3b8;
+      }
+    </style>
+
+  <script type="importmap">
+{
+  "imports": {
+    "react": "https://esm.sh/react@^19.2.3",
+    "react-dom/": "https://esm.sh/react-dom@^19.2.3/",
+    "react/": "https://esm.sh/react@^19.2.3/",
+    "lucide-react": "https://esm.sh/lucide-react@^0.561.0",
+    "@google/genai": "https://esm.sh/@google/genai@^1.34.0"
+  }
+}
+</script>
+  <script type="module" crossorigin src="./assets/index-CD0azml1.js"></script>
+</head>
+  <body>
+    <div id="root"></div>
+</body>
+</html>
--- a/h5/create/assets/index-DiVLKNL_.js
+++ b/h5/create/assets/index-DiVLKNL_.js
--- a/h5/create/index.html
+++ b/h5/create/index.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="zh-CN" class="dark">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Suno AI Music Generator</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <style>
+      /* Custom Scrollbar for Webkit */
+      ::-webkit-scrollbar {
+        width: 8px;
+      }
+      ::-webkit-scrollbar-track {
+        background: #09090b; 
+      }
+      ::-webkit-scrollbar-thumb {
+        background: #27272a; 
+        border-radius: 4px;
+      }
+      ::-webkit-scrollbar-thumb:hover {
+        background: #3f3f46; 
+      }
+    </style>
+
+<link rel="stylesheet" href="/index.css">
+  <script type="importmap">
+{
+  "imports": {
+    "lucide-react": "https://esm.sh/lucide-react@^0.561.0",
+    "react/": "https://esm.sh/react@^19.2.3/",
+    "react": "https://esm.sh/react@^19.2.3",
+    "react-dom/": "https://esm.sh/react-dom@^19.2.3/"
+  }
+}
+</script>
+  <script type="module" crossorigin src="./assets/index-DiVLKNL_.js"></script>
+</head>
+  <body class="bg-black text-white antialiased">
+    <div id="root"></div>
+</body>
+</html>
--- a/h5/thousands.html
+++ b/h5/thousands.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html><html lang="zh-CN"><head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
-    <title>千军万马 - 温州抗倭史诗</title>
+    <title>千军万马保永昌 - 温州抗倭史诗</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/p5.min.js"></script>
@@ -75,7 +75,7 @@
    <nav class="fixed top-0 w-full bg-white/90 backdrop-blur-sm z-50 shadow-sm">
        <div class="max-w-7xl mx-auto px-6 py-4">
            <div class="flex justify-between items-center">
-                <div class="hero-title text-2xl font-bold">千军万马</div>
+                <div class="hero-title text-2xl font-bold">千军万马保永昌</div>
                <div class="flex space-x-8">
                    <a href="#home" class="nav-item cursor-pointer">首页</a>
                    <a href="#lyrics" class="nav-item cursor-pointer">歌词</a>
@@ -92,7 +92,7 @@
        <section id="home" class="hero-image min-h-screen flex items-center justify-center relative">
            <div class="absolute inset-0 bg-black/30"></div>
            <div class="relative z-10 text-center text-white px-6">
-                <h1 class="text-6xl md:text-8xl font-bold mb-6 fade-in" style="font-family: &#39;Noto Serif SC&#39;, serif;">千军万马</h1>
+                <h1 class="text-6xl md:text-8xl font-bold mb-6 fade-in" style="font-family: &#39;Noto Serif SC&#39;, serif;">千军万马保永昌</h1>
                <p class="text-xl md:text-2xl mb-8 fade-in">温州抗倭史诗 · 非遗鼓词传承</p>
                <div class="flex flex-col md:flex-row gap-4 justify-center fade-in">
                    <button onclick="playMusic()" class="bg-red-600 hover:bg-red-700 text-white px-8 py-3 rounded-full text-lg font-medium transition-all duration-300 transform hover:scale-105">
@@ -269,7 +269,7 @@
                            牛筋琴是温州独有的乐器，音色浑厚柔美，为鼓词赋予了无可替代的声韵特质。
                        </p>
                        <p class="text-gray-700 leading-relaxed">
-                            《千军万马》这首歌融合了温州鼓词的元素，
+                            《千军万马保永昌》这首歌融合了温州鼓词的元素，
                            通过现代音乐手法重新演绎传统文化，
                            让年轻一代能够更好地理解和传承这一宝贵的文化遗产。
                        </p>
@@ -312,10 +312,10 @@
        <!-- 页脚 -->
        <footer class="bg-gray-800 text-white py-12">
            <div class="max-w-6xl mx-auto px-6 text-center">
-                <div class="hero-title text-2xl font-bold mb-4">千军万马</div>
+                <div class="hero-title text-2xl font-bold mb-4">千军万马保永昌</div>
                <p class="text-gray-400 mb-6">传承温州抗倭精神，弘扬非遗鼓词文化</p>
                <div class="text-sm text-gray-500">
-                    © 2025 千军万马音乐项目. 致敬历史，传承文化，创新发展.
+                    © 2025龙湾之光AI数字偶像大赛项目. 致敬历史，传承文化，创新发展.
                </div>
            </div>
        </footer>
--- a/h5/together/assets/index-B7cc8JVP.js
+++ b/h5/together/assets/index-B7cc8JVP.js
--- a/h5/together/assets/index-CketmARB.js
+++ b/h5/together/assets/index-CketmARB.js
--- a/h5/together/assets/index-DrkVVizK.js
+++ b/h5/together/assets/index-DrkVVizK.js
--- a/h5/together/index.html
+++ b/h5/together/index.html
--- a/player.html
+++ b/player.html
--- a/static/img/disc.png
+++ b/static/img/disc.png
--- a/static/img/needle.png
+++ b/static/img/needle.png
Author	SHA1	Message	Date
XiaoMo	1e7dd0b58d	feat: 添加h5/create和h5/build目录下的index.html文件	2025-12-18 16:15:15 +08:00
$DESKTOP-RQ919RC\Pc$ DESKTOP-RQ919RC\Pc	489e141f47	feat: 优化音乐播放器录制功能并添加唱片和唱针图片 - 添加静态图片资源 disc.png 和 needle.png - 优化录制功能，修复暂停时音频延迟问题 - 使用图片替代手动绘制的唱片和唱针 - 改进歌词和标题的绘制逻辑 - 移除调试用的 vconsole	2025-12-11 10:30:12 +08:00
$DESKTOP-RQ919RC\Pc$ DESKTOP-RQ919RC\Pc	0a90e17d59	no message	2025-12-10 19:29:23 +08:00
$DESKTOP-RQ919RC\Pc$ DESKTOP-RQ919RC\Pc	577c9d967d	no message	2025-12-10 18:17:00 +08:00
chenfeilong	c351c887b9	修改名称为千军万马保永昌 Signed-off-by: chenfeilong <26522562@gmail.com>	2025-12-10 18:07:24 +08:00