Question

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

＆＃13;

<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();

    }
  }

＆＃13;

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

＆＃13;

Answer 1

使用 localStorage

1）当用户点击暂停按钮设置项目 localStorage.setItem（＆＃39;音乐＆＃39;，＆＃39;停止＆＃39;）; 每个页面加载检查localstorage并暂停这样的音频。

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

  sounds.pause();
}else{

  sounds.play();
}

2）当用户点击播放按钮时，设置项目 localStorage.setItem（＆＃39;音乐＆＃39;，＆＃39;播放＆＃39;）;

Answer 2

使用localStorage或者 sessionStrage 可以在关闭浏览器时重置设置！？

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

PHP音乐播放/暂停按钮

2 个答案: