如何使用 Bootstrap 和 Heroku 为 Rails 应用程序添加隐藏的播放音频

Question

晕！应用专家！ 我喜欢将我的想法添加到我的网站中，该网站使用 Bootstrap 和 Rails 4 部署在 Heroku 中。 我在 app/views 文件夹

中有大约 5~6 个不同的页面

我的想法是这样的：

1. 当用户来到 'landing page' 即 views/home/index.html.erb 时，用户可以点击一张图片，然后就可以开始听到整个网络的背景音乐。我的意思是，一旦用户单击图片（在 index.html.erb 中），无论用户进入不同的页面，用户都应该能够听到背景音乐。
2. 如果用户离开网络或关闭 ex)chrome 或 safari，然后返回到我的网络应用程序，背景音乐不应该出现。用户必须返回 views/home/index.html.erb 页面并单击图片才能开始收听背景音乐。

这……可能吗？如果是这样，你能指导我或教我吗？

提前致谢！！

Answer 1

当用户从一个页面导航到另一个页面时，音频播放无法继续。为使其持续播放，音频正在播放的页面(home/index.html.erb)不得导航离开。

这意味着您必须使用 AJAX 加载您的页面内容。由于 jQuery 已经加载了您的 Rails 应用程序，请使用其 $('#your-main-content').load('/another-page') 方法将内容加载到您的页面。