Question

我正在使用没有任何图形的HTML制作游戏，它应该是基于文本的点和点击。我已经确定了我想要在游戏中添加背景音乐并使用<audio loop autoplay src="mymusic.mp3"></audio>作品，它会在我进入新页面时重新开始播放音乐，只听到歌曲的前20秒，有没有人知道一个解决方案？

要玩游戏，请点击here

Answer 1

不要只用几句话就制作数百个单独的页面，而只需将它设为一个巨大的页面，你可以在点击时显示和隐藏div。这样你只需要编辑一个页面，音乐就不会停止。我觉得这是最简单的方法。它还可以使浏览器历史记录保持很长时间。

在这里，试试这个，超简化：

.black{
background-color:#000;
color:#fff;
}
.black button{
background-color:#fff;
color:#000;
}
.white{
background-color:#fff;
color:#000;
}
.black button{
background-color:#000;
color:#fff;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $('section:not(#start)').hide();
  $('.btn').on('click', function(){
    showThis = $(this).data('target');
    $('section').hide();
    $(showThis).show();
  });
});
</script>
<section id="start" class="black">
Go <button class="btn" data-target="#upstairs">Upstairs</button>
Go <button class="btn" data-target="#downstairs">Downstairs</button>
</section>
<section id="upstairs" class="white">
Go back <button class="btn" data-target="#downstairs">Downstairs</button>
Go to the <button class="btn" data-target="#bathroom">bathroom</button>
</section>
<section id="downstairs" class="white">
Go to the <button class="btn" data-target="#bathroom">bathroom</button>
</section>
<section id="bathroom" class="black">
You're Dead. Start  <button class="btn" data-target="#start">again</button>
</section>

如何在HTML中继续播放相同的音乐，即使在不同的HTML页面上或刷新页面时

1 个答案: