From 453389e1129aec186a9a3870eabdbe8832a38c42 Mon Sep 17 00:00:00 2001
From: Sea10wood <miyusea5@gmail.com>
Date: Thu, 15 Aug 2024 17:33:18 +0900
Subject: [PATCH] =?UTF-8?q?Add:=20audio=E3=81=AE=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/garary/index.tsx | 46 +++++++++++++++++----------------
 src/pages/yatai/index.tsx       |  4 +--
 2 files changed, 26 insertions(+), 24 deletions(-)

diff --git a/src/components/garary/index.tsx b/src/components/garary/index.tsx
index 120093c..2206e33 100644
--- a/src/components/garary/index.tsx
+++ b/src/components/garary/index.tsx
@@ -1,25 +1,27 @@
-import styles from "./index.module.css"
+import styles from "./index.module.css";
 
 function Garally() {
-    return (
-        <div>
-            <h1 className={styles.title}>VIRTUAL_NATSUMATSURI</h1>
-            <div className={styles.nobori}>
-                <img src="/2D_material/nobori.webp" alt="夏祭り_のぼり" />
-            </div>
-            <div className={styles.light}>
-                <img src="/2D_material/red_small_lite.webp" alt="提灯" />
-            </div>
-            <div className={styles.container}>
-                <div className={styles.logo}>
-                    <img src="/logo.webp" alt="logo" />
-                </div>
-                <p className={styles.shop}>VIRTUAL_NATSUMATSURI</p>
-            </div>
-            <div className={styles["light-right"]}>
-                <img src="/2D_material/red_small_lite.webp" alt="提灯" />
-            </div>
-        </div>
-    )
+	return (
+		<div>
+			{/* biome-ignore lint/a11y/useMediaCaption: <explanation> */}
+			<audio src="/sound/natsu_matsuri.mp3" autoPlay loop />
+			<h1 className={styles.title}>VIRTUAL_NATSUMATSURI</h1>
+			<div className={styles.nobori}>
+				<img src="/2D_material/nobori.webp" alt="夏祭り_のぼり" />
+			</div>
+			<div className={styles.light}>
+				<img src="/2D_material/red_small_lite.webp" alt="提灯" />
+			</div>
+			<div className={styles.container}>
+				<div className={styles.logo}>
+					<img src="/logo.webp" alt="logo" />
+				</div>
+				<p className={styles.shop}>VIRTUAL_NATSUMATSURI</p>
+			</div>
+			<div className={styles["light-right"]}>
+				<img src="/2D_material/red_small_lite.webp" alt="提灯" />
+			</div>
+		</div>
+	);
 }
-export default Garally;
\ No newline at end of file
+export default Garally;
diff --git a/src/pages/yatai/index.tsx b/src/pages/yatai/index.tsx
index 40de604..359bef4 100644
--- a/src/pages/yatai/index.tsx
+++ b/src/pages/yatai/index.tsx
@@ -9,6 +9,7 @@ import type {
 	Object3DEventMap,
 } from "three";
 import { randFloat } from "three/src/math/MathUtils.js";
+import Garally from "../../components/garary";
 import { useSocketRefStore } from "../../store";
 import {
 	type ActionSchema,
@@ -16,7 +17,6 @@ import {
 	type Target,
 } from "../../type/shooting";
 import styles from "./index.module.css";
-import Garally from "../../components/garary";
 
 const YataiStage = memo(() => {
 	// 土台
@@ -217,7 +217,7 @@ function Yatai() {
 		<div className={styles.container}>
 			<YataiStage />
 			<TargetOverlay />
-			<Garally/>
+			<Garally />
 		</div>
 	);
 }