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

标签 javascript html ruby-on-rails twitter-bootstrap html5-audio

晕!应用专家! 我喜欢将我的想法添加到我的网站中,该网站使用 Bootstrap 和 Rails 4 部署在 Heroku 中。 我在 app/views 文件夹中有大约 5~6 个不同的页面

我的想法是这样的:

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

这……可能吗?如果是这样,你能指导我或教我吗?

提前谢谢您!!

最佳答案

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

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

关于javascript - 如何使用 Bootstrap 和 Heroku 为 Rails 应用程序添加隐藏的播放音频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36786194/

相关文章:

javascript - 我不知道如何将用户的输入附加到 Javascript 中的数组中

ruby-on-rails - Postgres 范围字段 + Rails 表单

ruby-on-rails - 带有 Lib 和 Vendor 文件夹的 Rails 4 Asset Pipeline

ruby-on-rails - capybara :有时能找到元素,有时找不到

javascript - jquery !$ 代码错误?或没有?

javascript - 堆栈交换API : get post list from user

javascript - 将图像源传递到 Vue.js 中的作用域槽

单击时的 JavaScript 操作不起作用

javascript - 导入 JSON 并转换为数组

jquery - 通过 jQuery 的文本字数限制