Update app.py

app.py

@@ -277,58 +277,53 @@ with gr.Blocks(theme=gr.themes.Soft()) as demo:
     <audio id="bark" src="{bark_sound}"></audio>
     <canvas id="fireworks" style="position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0;"></canvas>
 
-    <script>
-        // 播放背景音乐轮播
-        const tracks = ["{music1}", "{music2}"];
-        const audio = document.getElementById("bg-music");
-        let current = 0;
-        audio.addEventListener("ended", () => {{
-            current = (current + 1) % tracks.length;
-            audio.src = tracks[current];
-            audio.play();
-        }});
-
-        // 拖动头像
-        const avatar = document.getElementById("sophia-avatar");
-        avatar.onmousedown = function(e) {{
-            const shiftX = e.clientX - avatar.getBoundingClientRect().left;
-            const shiftY = e.clientY - avatar.getBoundingClientRect().top;
-            function moveAt(e) {{
-                avatar.style.left = e.pageX - shiftX + 'px';
-                avatar.style.top = e.pageY - shiftY + 'px';
-            }}
-            document.addEventListener('mousemove', moveAt);
-            avatar.onmouseup = function() {{
-                document.removeEventListener('mousemove', moveAt);
-                avatar.onmouseup = null;
-            }};
-        }};
-        avatar.ondragstart = () => false;
-
-        // 点击头像播放汪汪叫
-        avatar.addEventListener("click", () => {{
-            document.getElementById("bark").play();
-        }});
-
-        // 烟花特效
-        const canvas = document.getElementById("fireworks");
-        const ctx = canvas.getContext("2d");
-        canvas.width = window.innerWidth;
-        canvas.height = window.innerHeight;
-        function firework() {{
-            const x = Math.random() * canvas.width;
-            const y = Math.random() * canvas.height;
-            for (let i = 0; i < 30; i++) {{
-                setTimeout(() => {{
-                    ctx.beginPath();
-                    ctx.arc(x, y, Math.random() * 3 + 2, 0, Math.PI * 2);
-                    ctx.fillStyle = `hsl(${Math.random() * 360}, 100%, 60%)`;
-                    ctx.fill();
-                }}, i * 20);
-            }}
-        }}
-        setInterval(firework, 1800);
-    </script>
+<script>
+    const tracks = ["{music1}", "{music2}"];
+    const audio = document.getElementById("bg-music");
+    let current = 0;
+    audio.addEventListener("ended", () => {
+        current = (current + 1) % tracks.length;
+        audio.src = tracks[current];
+        audio.play();
+    });
+
+    const avatar = document.getElementById("sophia-avatar");
+    avatar.onmousedown = function(e) {
+        const shiftX = e.clientX - avatar.getBoundingClientRect().left;
+        const shiftY = e.clientY - avatar.getBoundingClientRect().top;
+        function moveAt(e) {
+            avatar.style.left = e.pageX - shiftX + 'px';
+            avatar.style.top = e.pageY - shiftY + 'px';
+        }
+        document.addEventListener('mousemove', moveAt);
+        avatar.onmouseup = function() {
+            document.removeEventListener('mousemove', moveAt);
+            avatar.onmouseup = null;
+        };
+    };
+    avatar.ondragstart = () => false;
+    avatar.addEventListener("click", () => {
+        document.getElementById("bark").play();
+    });
+
+    const canvas = document.getElementById("fireworks");
+    const ctx = canvas.getContext("2d");
+    canvas.width = window.innerWidth;
+    canvas.height = window.innerHeight;
+    function firework() {
+        const x = Math.random() * canvas.width;
+        const y = Math.random() * canvas.height;
+        for (let i = 0; i < 30; i++) {
+            setTimeout(() => {
+                ctx.beginPath();
+                ctx.arc(x, y, Math.random() * 3 + 2, 0, Math.PI * 2);
+                ctx.fillStyle = `hsl(${Math.random() * 360}, 100%, 60%)`;
+                ctx.fill();
+            }, i * 20);
+        }
+    }
+    setInterval(firework, 1800);
+</script>
     """)
 
     # 绑定交互