頁面加載后如何播放mp3？

Question

創建我的演示 github 頁后。 我將以下代碼放入 index.html 文件中：

 <html>
    <head>
       <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
       <title>My TITLE</title>
       <link rel="icon" type="image/x-icon" href="images/icon.ico">
    </head>
    
    <body>
       
       <iframe src="2-seconds-silence.mp3" allow="autoplay" id="audio" style="display: none" hidden=""></iframe>
       <audio id="player" autoplay loop>
          <source src="hello.mp3" type="audio/mp3">
       </audio>
    </body>
 </html>

但是，在通過 chrome 加載頁面后，它沒有運行。 有沒有什么辦法解決這一問題？

Answer 1

你可以這樣試試。 屬性列表： https://www.w3schools.com/jsref/dom_obj_audio.asp

 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>My TITLE</title> <link rel="icon" type="image/x-icon" href="images/icon.ico"> </head> <body> <iframe src="2-seconds-silence.mp3" allow="autoplay" id="audio" style="display: none" hidden=""></iframe> <script type="text/javascript"> document.addEventListener('DOMContentLoaded', function() { var audioTag = document.createElement("AUDIO"); audioTag.setAttribute("src","hello.mp3"); document.body.appendChild(audioTag); }, false); </script> </body> </html>

Answer 2

檢查這個：

<audio src="mysong.mp3" id="my_audio" loop="loop"></audio>
<script type="text/javascript">
window.onload=function(){
  document.getElementById("my_audio").play();
}

Answer 3

首先使用 Javascript 獲取音頻元素。例如： const audio = document.queryselector("#audioId")然后應用函數window.addEventListener("load",() => {audio.play()})

Answer 4

正確的自動播放屬性。 而不是 'autoplay=" "' 只保留 'autoplay'，'loop' 也是如此。

干杯

頁面加載后如何播放mp3？

問題描述

4 個解決方案

解決方案1
2 2022-11-28 07:22:41

解決方案2
1 2022-11-28 08:05:35

解決方案3
0 2022-11-28 07:02:01

解決方案4
0 2022-11-28 07:05:09

頁面加載后如何播放mp3？

問題描述

4 個解決方案

解決方案1 2 2022-11-28 07:22:41

解決方案2 1 2022-11-28 08:05:35

解決方案3 0 2022-11-28 07:02:01

解決方案4 0 2022-11-28 07:05:09

解決方案1
2 2022-11-28 07:22:41

解決方案2
1 2022-11-28 08:05:35

解決方案3
0 2022-11-28 07:02:01

解決方案4
0 2022-11-28 07:05:09