From 7bba1309bbe9440615fdabf4c98efd89c948e34f Mon Sep 17 00:00:00 2001
From: LEGOnosuke <ohta.kura@gmail.com>
Date: Sun, 18 Jul 2021 13:59:47 +0900
Subject: [PATCH] None

---
 index.html    |  3 ---
 sandbox.html  | 11 ++---------
 sound_test.js |  5 +++++
 3 files changed, 7 insertions(+), 12 deletions(-)
 create mode 100644 sound_test.js

diff --git a/index.html b/index.html
index 597597f..657695c 100644
--- a/index.html
+++ b/index.html
@@ -19,9 +19,7 @@
 
         <h1>Flight Information Display</h1>
 
-        <i class="fa fa-apple" aria-hidden="true"></i>
 
-        <audio src="sounds/Chime.mp3"></audio>
 
 
         <div class="row">
@@ -64,7 +62,6 @@ <h1>Flight Information Display</h1>
         </div>  
 
 
-    <i class="fa fa-comment" aria-hidden="true"></i>
     <iframe src="https://raw.githubusercontent.com/anars/blank-audio/master/500-milliseconds-of-silence.mp3" allow="autoplay" id="audio" style="display:none"></iframe>
 
 
diff --git a/sandbox.html b/sandbox.html
index d8395e8..92ca3c7 100644
--- a/sandbox.html
+++ b/sandbox.html
@@ -10,18 +10,11 @@
     
     <h1>SandBox</h1>
 
-    <iframe src="https://raw.githubusercontent.com/anars/blank-audio/master/500-milliseconds-of-silence.mp3" allow="autoplay" id="audio" style="display:none"></iframe>
+    <script src="sound_test.js"></script>
 
-
-    <audio> 
+    <audio autoplay id="audio">
         <source src="sounds/Chime.mp3">
-        <p>未対応です</p>
     </audio>
- 
-    <script>
-        var music = new Audio('sounds/Chime.mp3');
-        music.play();  // 再生
-    </script>
 
 </body>
 </html>
\ No newline at end of file
diff --git a/sound_test.js b/sound_test.js
new file mode 100644
index 0000000..db14c29
--- /dev/null
+++ b/sound_test.js
@@ -0,0 +1,5 @@
+document.addEventListener('click', audioPlay);
+function audioPlay() {
+  document.getElementById('audio').play();
+  document.removeEventListener('click', audioPlay);
+}
\ No newline at end of file