Question

我需要一个选项来停止播放器在一个页面上的音乐，并确保它不会在下一个页面上运行它。

我使用音频标签成功地将音乐添加到每个页面，但每当我转到另一个页面时，该文件将再次重新打开。我找不到答案怎么做

旁边打开弹出窗口 - 但这不是最好的方法

我试图隔离音频并将其单独的asp文件推送到每当音乐开启或关闭时进行会话（从每个html页面的iframe运行asp）。

<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html"; charset="utf-8">

</head>
<body>
<%
Session("music")=Request("b1")
if Session("music")="" then 

%>
<form method="post" action="music.asp">
<button onclick="display()" type="radio" name="b1"   class="ato2"  style="position:absolute;cursor:pointer;width: 50px;  height: 50px;background-image: url('withsound.png');   background-repeat: no-repeat;background-size: 45px 45px;  " value="off"></button>


  <audio id="myplayer" autoplay="true" controls="false" loop="true" hidden="hidden" mediagroup="AnyName" autobuffer>
  <source src="music/enter.mp3" type="audio/mpeg" >
  Your browser does not support the audio element.
</audio> 
</form>
<%
elseif Session("music")  = "off" then 

%>
<form method="post" action="music.asp">
<button onclick="display()" type="radio" name="b1"   class="ato2"  style="position:absolute;cursor:pointer;width: 50px;  height: 50px;background-image: url('nosound.png');background-repeat: no-repeat;background-size: 45px 45px; " value=""></button>


</form>
<%
end if
Session("music")=Request("b1")
response.write "<br>"
response.write "music:" & Session("music")

%>
</body>
</html>

假设是简单的会话转移，但它没有成功。

我找到了asnwer我正在寻找

应用程序对象这正是我为了将信息保存到下一页所需要的所以现在我知道每当用户切换音乐时或者

Answer 1

您不希望在服务器端处理音频，除了简单的事情，例如存储cookie并确定音频是否应该自动播放。

问题是，当您在背景音乐上使用音频时，页面是否刷新。每次页面刷新时，音频都会停止，然后再次播放。

几个选项：

您可以对整个网站进行框架设置，然后让主框架播放音频。框架的缺点是众所周知的。他们可以为设计创造一个噩梦，甚至可以创造更多的SEO
你可以打开一个弹出窗口，但这很难看
您可以使用现代AJAX类型技术构建您的网站，而整个页面不会刷新。这会将您的网站变成SPA

如果您不介意每次用户从一个页面导航到另一个页面时开始/停止音乐，或者您只是使用音频进行警报和放大为了引起用户的注意，最好的办法是将每个用户的音频预先存储在cookie中，然后在用户登录时将这些设置记录到USER DB中。

如何将音频添加到所有html页面

1 个答案: