2017-08-15 102 views
0

我不知道如果我的问题是明确的或不(因为我是新来的网络发展),但我想要说的是:在html上切换到其他页面时,是否可以在网站上连续播放音乐?

我有这样的HTML行,

<embed src="Music/Disfigure%20-%20Blank.mp3" autostart="true" loop="true" 
width="2" height="0"> 

当我浏览我的网站时,音乐开始播放,但是当我切换到另一个网页时,它又从头开始播放。当我切换到其他页面时,如何防止它重新启动?

+1

不知道为什么讨厌,这是一个体面的问题。 – Don

+0

这个问题本身是有效的,但对于自动播放音乐的网站的仇恨也是有效的。如果你这样做,你确保我永远不会再访问你的网站。只是一些友好的反馈。 –

+0

答案已经提到了一些细节,但看看单页应用程序(SPA)。这是你想要的。 –

回答

1

这是可能的,但它比你想象的要复杂一点。为了让音乐连续播放,网站需要以导航导致相同页面更新而不是加载新页面的方式进行设置。一种方法是使用AJAX。

你可以阅读更多关于AJAX在这里:https://www.w3schools.com/xml/ajax_intro.asp

AJAX是开发者的梦想,因为你可以:

  • 更新网页无需重新加载页面
  • 请求数据从服务器 - 页面加载后
  • 从服务器接收数据 - 页面加载后
  • 将数据发送到服务器 - 在后台

的基本原理是,你根本抢在新页面中的内容,并取代当前页面上的内容。这样,用户从不真正离开页面,因此正在播放的音乐将继续播放。转到新页面时重新启动的原因是浏览器在更改页面时不得不重新加载所有内容。

Barba.js是通过AJAX快速启动和运行的好方法。你也可以添加很棒的动画。 http://barbajs.org/

+0

非常感谢您提供这些有价值的信息。 –

1

这是不可能只用HTML。但是,如果您构建页面,以便使用JavaScript通过ajax或库等动态加载节:SPFjs。然后,您可以在基本页面上播放音乐并更改其内容。这样,播放音乐的页面部分就不会被卸载。

这是不可能的唯一原因是去一个不同的页面完全卸载以前的音乐也将被卸载。