From 6f470b7e8922556b2e8e9eeb731dfcfe4fe32090 Mon Sep 17 00:00:00 2001
From: Chen Peng <chen56@msn.com>
Date: Tue, 15 Aug 2023 16:52:29 +0800
Subject: [PATCH] =?UTF-8?q?qwik=E7=9A=84=E5=87=BD=E6=95=B0=E6=8F=90?=
 =?UTF-8?q?=E5=8F=96=E9=9C=80=E8=A6=81=20$()=E8=AF=AD=E6=B3=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 spaces/music_note/src/routes/index.tsx        |  5 +----
 spaces/music_note/src/routes/layout.tsx       |  2 +-
 spaces/music_note/src/routes/music/index.tsx  |  4 ++--
 .../src/routes/web_audio_api/index.tsx        | 21 +++++++++----------
 4 files changed, 14 insertions(+), 18 deletions(-)

diff --git a/spaces/music_note/src/routes/index.tsx b/spaces/music_note/src/routes/index.tsx
index 1a5f98c0..73b0acce 100644
--- a/spaces/music_note/src/routes/index.tsx
+++ b/spaces/music_note/src/routes/index.tsx
@@ -5,15 +5,12 @@ import { Link } from '@builder.io/qwik-city';
 export default component$(() => {
   return (
     <>
-      <h1>Hi 👋</h1>
+      <h1>Home 👋</h1>
       <p>
         Can't wait to see what you build with qwik!
         <br />
         Happy coding.
       </p>
-
-      <p><a href="/webaudio" class="my-link"> webaudio </a></p>
-      <p><a href="/web_audio_api" class="my-link"> web audio api  </a></p>
     </>
   );
 });
diff --git a/spaces/music_note/src/routes/layout.tsx b/spaces/music_note/src/routes/layout.tsx
index 680500cb..c6da3ab6 100644
--- a/spaces/music_note/src/routes/layout.tsx
+++ b/spaces/music_note/src/routes/layout.tsx
@@ -16,7 +16,7 @@ export default component$(() => {
   return <>
     <header>
       <ul>
-        <li>  <a href="/webaudio" class="my-link"> webaudio </a>  </li>
+        <li>  <a href="/music" class="my-link"> music </a>  </li>
         <li> <a href="/web_audio_api" class="my-link"> web audio api  </a>  </li>
       </ul>
     </header>
diff --git a/spaces/music_note/src/routes/music/index.tsx b/spaces/music_note/src/routes/music/index.tsx
index 11270abc..0fbd0c76 100644
--- a/spaces/music_note/src/routes/music/index.tsx
+++ b/spaces/music_note/src/routes/music/index.tsx
@@ -6,8 +6,8 @@ export default component$(() => {
   const playState = useSignal(false);
 
   return <div>
-    <h1>tonejs</h1>
-    <h2>example 1</h2>
+    <h1>music</h1>
+    <h2>example: 播放音符</h2>
     play:
     <button
       onClick$={() => {
diff --git a/spaces/music_note/src/routes/web_audio_api/index.tsx b/spaces/music_note/src/routes/web_audio_api/index.tsx
index b5d9ffbb..e939cb37 100644
--- a/spaces/music_note/src/routes/web_audio_api/index.tsx
+++ b/spaces/music_note/src/routes/web_audio_api/index.tsx
@@ -1,22 +1,21 @@
-import { component$, type Signal, useSignal } from '@builder.io/qwik';
+import { component$, type Signal, useSignal, $ } from '@builder.io/qwik';
 import * as Tone from 'tone'
 
+
 export default component$(() => {
 
   const playState = useSignal(false);
 
+  const play = $(() => {
+    const synth = new Tone.Synth().toDestination();
+    const now = Tone.now();
+    synth.triggerAttackRelease("C4", "8n");
+    playState.value = !playState.value;
+  });
+
   return <div>
     <h1>web audio api</h1>
-
     <h2>example 1</h2>
-    play <button
-      onClick$={() => {
-        const synth = new Tone.Synth().toDestination();
-        const now = Tone.now()
-        synth.triggerAttackRelease("C4", "8n");
-        playState.value = !playState.value;
-      }}>
-      ▶︎
-    </button>
+    play <button onClick$={play}> ▶︎ </button>
   </div>;
 });