Всплывающий аудиоплеер для всего форума

Привет! Я прочитал весь форум, пытаясь понять, возможно ли создать аудиоплеер для всего сайта на Discourse. Я не планирую ничего сложного, вроде автоматического воспроизведения.

Мне бы хотелось иметь плавающий музыкальный плеер на сайте. Так что независимо от того, какую тему или страницу посещает пользователь, он сможет просто нажать «Воспроизвести» и слушать музыку, читая посты (да, должны быть базовые элементы управления плеером). Также должны отображаться название трека и имя исполнителя. Музыка будет браться из плейлистов SoundCloud, которые я создал на своём аккаунте.

Также было бы здорово, если бы существовала возможность скрыть этот музыкальный плеер.

Не могли бы вы подсказать какие-либо статьи, плагины, сторонние сервисы или инструкции, которые помогут мне реализовать это?

Не знаю, возможно ли это, но это было бы довольно круто в боковой панели как дополнительный раздел!

Уже есть похожие темы и предложенные решения

Это можно сделать ;):

Хорошая работа, Роберт!

Спасибо за это! У меня очень небольшой опыт в программировании, поэтому после изучения документации я не совсем понимаю, как подключить плейлист SoundCloud к этому аудиоплееру. Не могли бы вы поделиться своими знаниями по этому вопросу?

Это тоже круто

Возможно, вы могли бы нанять фрилансера, чтобы помочь вам Marketplace

ОООООООО ММММММММ ГГГГГГГГГ…

Mtv No GIF by MELOTIKA

Компонент наложения медиа добавит кнопку в угол каждого iframe.

Таким образом, вы сможете вынести любой iframe в отдельное маленькое окно и держать его поверх остальных, пока вы просматриваете форум, пока пользователь его не закроет.

Включите этот компонент темы и добавьте источник вашего iframe (например, https://w.soundcloud.com и https://api.soundcloud.com) в список разрешённых в настройках сайта в разделе разрешённые iframe.

Затем вы можете вставить этот фрагмент в сообщение темы…

<iframe src="https://w.soundcloud.com/player/?url=https://api.soundcloud.com/tracks/129053679&color=ff5500&auto_play=false&hide_related=false&show_comments=false&show_user=true&show_reposts=false" height=100%></iframe>

Нажмите эту кнопку, и мини-плеер появится в правом нижнем углу и останется открытым, пока вы перемещаетесь по сайту (пока вы его вручную не закроете)…

ха-ха. я собирался попробовать это, но ты меня опередил. отлично! :smiley: :clap:

Привет :wave:

Я создал простой компонент темы, который может подойти вашим потребностям: вы можете использовать его как есть или взять за основу для дальнейшей кастомизации. :slightly_smiling_face:

Я добавил несколько настроек. Этот компонент использует встроенный плеер SoundCloud. Вам нужно указать ваш ID пользователя SoundCloud, и он загрузит ваши треки.

Это супер круто :smiley: Отличная работа :clap:

Это именно то, что я искал! Вы просто потрясающие! Я протестирую это на этой неделе. Надеюсь, вы не против, если я обращусь к вам за помощью, если она понадобится.

Удивительно, @Don !!!

За тобой очень интересно наблюдать!

Привет, @Don,

Есть ли у тебя возможность пообщаться? Я пытался найти твой профиль, но не смог. Мне нужна помощь в том, чтобы этот компонент темы получал ID плейлистов вместо ID пользователей, или хотя бы чтобы при нажатии на значок «плеер» отображался встроенный плейлист (через ввод кода встраивания или URL плейлиста). Это возможно?

Привет, @lowkey_324 :wave: Лучше задать ваш вопрос здесь, чтобы другие могли помочь, а также чтобы они могли узнать решения. :slight_smile:

Привет! Я добавил настройку для добавления плейлиста. DEV: Add playlist embed by VaperinaDEV · Pull Request #1 · VaperinaDEV/soundcloud-music-player · GitHub

Вы можете выбрать один из двух вариантов:

  • тип встраивания
    • пользователь
    • плейлист

Затем введите ID пользователя или ID плейлиста в зависимости от выбранного варианта.

ЛЕГООООО! Ты, честно говоря, просто АНГЕЛ!

Единственная проблема в том, что после добавления этого как компонента темы по умолчанию я получаю это сообщение, так как не может получить URL для моего публичного плейлиста. Что я делаю не так? Я пробовал вводить только ID плейлиста, а также пробовал вводить и ID плейлиста, и ID пользователя при выборе плейлиста для типа встраивания.

О да, извините, я исправил это. FIX: playlists typo · VaperinaDEV/soundcloud-music-player@3f4ae4d · GitHub