None

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>
 
 

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>

sound_test.js

@@ -0,0 +1,5 @@
+document.addEventListener('click', audioPlay);
+function audioPlay() {
+  document.getElementById('audio').play();
+  document.removeEventListener('click', audioPlay);
+}