播放mp3文件而不跳转到另一页

Question

我正在构建一个rails应用程序，用户可以在其中上传mp3文件，然后播放/删除它。但是，我试图这样做，以便当用户按下播放按钮时，播放mp3文件而不跳转到另一个页面。在我的index.html.erb文件中，我有以下代码：

<% @audio.each do |audio| %>
  <tr>
    <td><%= audio.name %></td>
    <td><%= link_to "Play", audio.attachment_url, class: "btn btn-primary" %></td>

我知道我目前正在将我的播放按钮链接到附件网址，但我不知道如何制作它以便它只是在当前页面上播放。请帮忙

Answer 1

也许查看音频标签？ https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio

Answer 2

回答你的问题

  

使用当用户按下播放按钮时播放mp3文件而不跳转到另一个页面...我不知道如何制作它以便它只是在当前页面上播放。

这样做......

$(".btn.btn-primary").on 'click', (event)->
  event.preventDefault()