Музыкальный плейлист ruby ​​on rails

У меня возникают проблемы с попыткой разрешить пользователю воспроизводить только одну песню за раз. В настоящее время, если пользователь слушает свой список воспроизведения, он может включить воспроизведение нескольких песен. У меня есть скриншот и вставлен код ниже!

<p id = "notice"><%= notice %></p>

<p>
  <strong>Title:</strong>
  <%= @playlist.title %>
</p>

<p>
  <strong>User:</strong>
  <%= @playlist.user_id %>
</p>

<%= link_to 'Edit', edit_playlist_path(@playlist) %> |
<%= link_to 'Back', playlists_path %>

<table>
    <thead>
        <tr>
            <th colspan = "3">Track Name</th>
            <th>Track MP3</th>
        </tr>
    </thead>

    <tbody>
        <%if @playlist.tracks.present? %>
            <% @playlist.tracks.each do|track|%>
                <tr>
                    <td colspan = "3">
                      <%=  track.name%>
                    </td>
                    <td>
                        <%if track.mp3.attached?%>
                            <audio controls>
                              <source src = "<%= rails_blob_path(track.mp3) %>" type = "audio/mpeg">
                            </audio>
                        <%end%>
                    </td>
                </tr>
            <%end%>
        <%end%>
    </tbody>
</table>

введите описание изображения здесь

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
104
1

Ответы 1

Вы можете использовать событие onplay для запуска функции, которая останавливает всех игроков, кроме игрока, инициировавшего событие.

Другие вопросы по теме