音频自动播放一次

时间:2014-08-08 02:19:28

标签: javascript php html audio

简单调用播放器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等都是可以接受的解决方案。

有一个丑陋的kludge到位涉及导航菜单指向index2.html(不包含音频标签)但不优雅,以及未来的皮塔饼。如果你需要进一步看标记...... http://sailingofftheedge.com

1 个答案:

答案 0 :(得分:0)

使用JavaScript&#34; document.cookie&#34;设置Cookie,并让您的网页在每次用户访问时测试Cookie是否存在。如果是,您可以return;,如果没有,您可以设置cookie,然后运行音乐。

请查看:W3Schools Cookie Tutorial了解更多信息/提示。