PHP音乐播放/暂停按钮

Question

Hi，我正在做一个项目，我有一个音乐按钮，用于启动/播放和停止/暂停背景音乐。问题：问题是指我在我的网站上有很多页面，当我按下音乐停止/暂停按钮时，音乐停止播放，但当我导航到不同的页面时，音乐会自动启动，我需要再次按下每个新页面上的按钮，以停止在后台播放音乐。解决方案需要解决方案，如果我按下音乐停止按钮，整个网站的音乐必须停止播放，直到我再次按下播放音乐的按钮。

​

<audio id="audio" autoplay="" src="music/music.mp3" loop="true"></audio>
<script type="text/javascript">

var sounds = document.getElementById('audio');


  document.getElementById('myAudio').onclick= function(){
    var sounds = document.getElementById('audio');
    if(sounds.paused){
    	
      sounds.play();
    }else{

      sounds.pause();

    }
  }

<a><img id="myAudio" src="images/musicicob.png"></a>
 <?php include'audio.php'; ?>

​

Answer 1

使用localStorage

1)当用户单击“暂停”按钮时，设置项目“localStorage.setItem”(“音乐”、“停止”)；为每个页面加载，检查本地存储和暂停音频，如下所示。

var sounds = document.getElementById('audio');
if(localstorage.getItem('music')=='stop'){

  sounds.pause();
}else{

  sounds.play();
}

2)当用户单击“播放”按钮时，设置项目localStorage.setItem(“音乐”、“播放”)；

Answer 2

关闭浏览器时，使用localStorage或可能使用sessionStrage来重置设置！？

https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage