音频自动播放一次

audio autoplay once only

本文关键字:一次 自动播放 音频      更新时间:2023-09-26

简单调用播放器6秒剪辑在主索引页工作良好

<audio autoplay id="theme"><source src="sounds/theme.mp3"><source src="sounds/theme.ogg"></audio>

还添加了一个简单的按钮和相关的java脚本,以允许那些不想要背景音乐关闭它。

<input type="button" id=musicbtn  class="btn" value="Stop da Music!" onclick="player(); change();">
<script> 
function player()
 {
  var player= document.getElementById("theme");
  if(player.paused) player.play();
  else player.pause(); 
 }  
function change() 
 {
  var elem = document.getElementById("musicbtn");
  if (elem.value=="Stop da Music!") elem.value = "Play da Music!";
  else elem.value = "Stop da Music!";
 }

所有的作品作为广告,但寻找解决方案,有背景音乐自动播放只有第一次访问者加载index.html。后续访问自动播放不应该起作用。

建议吗?PHP, JS等都是可以接受的解决方案。

有一个丑陋的拼凑,包括指向index2.html的导航菜单(它不包含audio标签),但不优雅,还有一个未来的皮塔饼。如果您需要查看进一步的标记…http://sailingofftheedge.com

使用JavaScript的" document.cookie "设置cookie,并让您的页面在每次用户访问时测试cookie是否存在。如果是,您可以return;,如果不是,您将设置cookie,然后运行音乐。

查看:W3Schools Cookie Tutorial获取更多信息/技巧