html中的语法自动循环播放.mp3文件

Posted

技术标签:

【中文标题】html中的语法自动循环播放.mp3文件【英文标题】:Syntax in html to autoplay .mp3 files with a loop automatically 【发布时间】:2019-03-20 08:17:16 【问题描述】:

html 中使用循环自动播放“.mp3”文件的语法是什么?启动网页时自动? 我试过这种语法;

<audio control loop autoplay>
<source src= "music.mp3" type="audio/mpeg">
</audio>

此语法仅循环播放音频。它不会自动启动音频

【问题讨论】:

【参考方案1】:

或者你可以尝试基本的东西来满足你的需要,

   <audio autoplay loop>
      <source src="yoursource.mp3">
</audio>

感谢Autoplay an audio with HTML5 embed tag while the player is invisible

【讨论】:

【参考方案2】:

您可以添加一点 javascript 来自动播放它。警告:玩这个 sn-p 可能会很烦人!

var src = "https://www.w3schools.com/HTML/horse.ogg";

function loadaudio(src) 
  var myaudio = document.getElementById("horse");
  myaudio.autoplay = true;
  myaudio.load(src);
;
<body onload="loadaudio();">
<audio id="horse" controls loop>
<source src= "https://www.w3schools.com/HTML/horse.ogg" type="audio/ogg">
</audio>
</body>

【讨论】:

如果您在源属性中添加了 id,您可以通过 javascript 设置 src.. 我没有,但您明白了要点

以上是关于html中的语法自动循环播放.mp3文件的主要内容,如果未能解决你的问题,请参考以下文章

HTML网页中的音乐播放代码

使用 AVAudio 循环播放 mp3

JavaScript click 函数播放 mp3,不循环播放

如何在 AVAudioPlayer 中循环播放多个音频文件?

使用pygame不能在循环中连续播放mp3文件?

如何让 FFmpeg 在单循环静音视频中自动注入 mp3 音轨?