音频仅自动播放一次答案

【问题标题】：audio autoplay once only音频仅自动播放一次
【发布时间】：2014-08-08 02:19:27
【问题描述】：

在主索引页面上对播放器进行 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（不包含音频标签）的导航菜单，但不优雅，还有一个未来的皮塔饼。如果您需要查看更多标记... http://sailingofftheedge.com

【问题讨论】：

使用 cookie。每次访问时检查 cookie。如果它在那里，请不要自动播放。如果不是，请放置 cookie 并播放音乐。如果您的访问者关闭了 cookie，这将不起作用（但许多其他事情也会中断。），并且欧盟有关于如何使用 cookie 的规则 - 您可能需要用户同意。

标签： javascript php html audio

【解决方案1】：

使用 JavaScript 的“document.cookie”设置 cookie，并让您的页面在每次用户访问时测试 cookie 是否存在。如果有，你可以return;，如果没有，你就设置cookie，然后运行音乐。

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

【讨论】：