html - 如何向所有HTML页面添加音频

标签 html session audio asp-classic audio-player

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

我成功地使用音频标签将音乐添加到了每个页面,但是每当我转到另一个页面时,文件都会重新打开。
我没有找到答案

在打开旁边弹出-但这不是的最佳方法

我试图隔离音频,并把它放到一个单独的asp文件中,以便无论何时打开或关闭音乐都可以进行 session (从每个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>

本来是简单的 session 传输,但没有成功。

我找到了我要找的接吻

The Application Object it's exactly what i needed in order to save information to the next page so now i know whenever user switch music of or on

最佳答案

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

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

几种选择:

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

  • 如果您不介意每次用户浏览页面时都开始/停止音乐,或者如果您只是使用音频作为警报和提示来引起用户的注意,那么最好的选择是将每个用户的音频偏好存储在cookie中,并且如果用户已登录,则将这些设置登录到USER DB。

    关于html - 如何向所有HTML页面添加音频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31187277/

    相关文章:

    javascript - 如果用户在 iOS 设备上,隐藏 HTML 元素?

    重新加载页面后 PHP session 为空

    audio - 使用swfextract从swf(游戏)中提取音乐,但无法对其进行转换/播放。数码PCM

    html - 使用 sass 自定义 Foundation 5 顶部栏

    html - 在 IE11 中响应

    jquery - 如何从 mvc 中的单个 View 插入/更新/删除记录

    ruby-on-rails - 测试多个并发浏览器 session

    ruby-on-rails - Heroku 上的 Rails : session variables nil

    java - 没有Java(GAE)中没有AudioSystem类的音频文件持续时间?

    python - Python中的实时音频处理