Как сделать проигрыватель нескольких mp3?

InstantCMS 2.X

Но нужно сделать несколько файлов для проигрывания и скачки. Как музыкальный альбом.

#1 31 января 2021 в 14:16
Здравствуйте!
Получается сделать вывод плеера, с возможностью скачивания для одной mp3, через <video>.
<video controls="" autoplay="" <source="" src="//nordvegan.ru/../wintersnow_2019.mp3" type="audio/mpeg">
<a href="//nordvegan.ru/../wintersnow_2019.mp3">Скачать Winter Snow</a>
</video>
nordvegan.ru/posts/2309-zimnii-sneg-winter-snow-2019.html

Но нужно сделать несколько файлов для проигрывания и скачки в плеере. Как музыкальный альбом.
Если делать <video> для каждого файла отдельно, они будут играют одновременно. И останавливать придется каждый по отдельности.
Как сделать, что бы игралось списком?
#2 31 января 2021 в 17:03
#3 1 февраля 2021 в 15:05
DeDja
Да. Хоть так. Нужно какое-то дополнение устанавливать? Почему-то перестал работать каталог дополнений.
С soundcloud интересный вариант. Там можно денег заработать на своём творчестве? Код у них на сайте получить можно?
#4 1 февраля 2021 в 18:54

Да. Хоть так. Нужно какое-то дополнение устанавливать? Почему-то перестал работать каталог дополнений.

max_nordvegan
Для аудио 2.X нет таких дополнений. Все моменты загрузки медиа файлов и интерфейс их вывода решаются
самостоятельно (что собственно Вы и сделали для единичного аудио файла через тег видео).
С рядом суждений в отношении использования аудио файлов можно ознакомиться здесь —
/forum/thread29782-5.html#317801
/forum/thread32993-1.html#325569

С soundcloud интересный вариант. Там можно денег заработать на своём творчестве? Код у них на сайте получить можно?

max_nordvegan
Маленькую толику (с Promodj.com) музыкального творчества пользователя Владимира Савенко — /users/s14
Вы можете прослушать здесь — 107.icms.su/stati/geologija/pochemu-nerezko-plato.html
Попробуйте с ним пообщаться.
#5 1 февраля 2021 в 19:13
DeDja не говорите ерунды facepalm
И хватит сорить ссылками не по теме
Вывод плеера со скачиванием

Или посмотрите видео youtu.be/bxhJUh8eBdc?t=98
#6 2 февраля 2021 в 00:22


DeDja не говорите ерунды facepalm
И хватит сорить ссылками не по теме
Вывод плеера со скачиванием


Или посмотрите видео youtu.be/bxhJUh8eBdc?t=98

Алексей
Отличное поле сам использую, но в нем нет проигрывателя mp3. Каждый решает эту проблему самостоятельно.
У меня так dsdnr.ru/audio_progr/slushanie На примере по одному файлу на запись, но работает с любым количеством.
С обладателем поля могу поделиться (так как не смогу выделить плеер отдельно) или подскажу кто делал…
#7 2 февраля 2021 в 10:14
DeDja, подтянуть Soundcloud — очень интересное решение, но работает ли данное решение в виджетах и есть ли возможность делать списки (плейлисты) средствами InstantCms?
#8 2 февраля 2021 в 10:51

DeDja не говорите ерунды
И хватит сорить ссылками не по теме

Алексей
Чтобы в моих ссылках увидеть список нескольких mp3 Вам следует закусывать.
А затем понять, что конструктор тем и медиа файлы это разные вещи.
Смотреть же Ваше видео, где Вы просто вставляете путь для аудио файла (1:11) — это впустую время тратить!

Каждый решает эту проблему самостоятельно.

vikont
Замечательные слова.
С Вашим Зайчиком я знаком весьма давно — /forum/thread29782-2.html#293651
Считаю нужным продублировать прежние ссылки:
tyufyakin.com/blog/sozdaem_pleer_kak_v_vkontakte/
tyufyakin.com/pages/GAuCblivGv/

DeDja, подтянуть Soundcloud — очень интересное решение, но работает ли данное решение в виджетах и есть ли возможность делать списки (плейлисты) средствами InstantCms?

Голдман Сакс
Прошу прощения, я постараюсь по возможности ответить несколько позже.
А на сегодня троечка ссылок:
w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/130180628&color=f2ab00&theme_color=000000&auto_play=false&hide_related=true&show_artwork=true
w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/594804177&amp;amp;color=49abe0&amp;amp;theme_color=000000&amp;amp;auto_play=false&amp;amp;hide_related=true&amp;amp;show_artwork=true
w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/460200246&amp;theme_color=000000&amp;color=ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_artwork=true
#9 2 февраля 2021 в 11:08

А на сегодня троечка ссылок:

DeDja
Это всё понятно. Я знакомился с саундклод еще до этого поста и возможности поверхностно знаю.
Но вот по вашему плейлисту сразу вопрос:
xyz-nk.ru/news/10-video-i-audio-na-saite.html
Мне не удалось найти ни одного трека в плейлисте, где бы работала кнопка Download.
И совсем не раскрыта тема интеграции с движком. :(
#10 2 февраля 2021 в 15:09

Считаю нужным продублировать прежние ссылки:

DeDja
facepalm
#11 2 февраля 2021 в 15:19

Отличное поле сам использую, но в нем нет проигрывателя mp3.

vikont
Есть — спросите у автора
#12 2 февраля 2021 в 16:50


Отличное поле сам использую, но в нем нет проигрывателя mp3.

vikont
Есть — спросите у автора

Алексей
Когда я спрашивал, мне предложиои старую версию поля со встроенным плеером (создавалась под заказ).
Понадобилась адаптация и переделка.
#13 2 февраля 2021 в 17:39


Каждый решает эту проблему самостоятельно.

vikont
Замечательные слова.
С Вашим Зайчиком я знаком весьма давно — /forum/thread29782-2.html#293651
Считаю нужным продублировать прежние ссылки:
tyufyakin.com/blog/sozdaem_pleer_kak_v_vkontakte/
tyufyakin.com/pages/GAuCblivGv/

DeDja
Спасибо. С вашей же подачи smileнашел программиста, который и сделал текущий вариант для поля Мультизагрузка.
#14 4 февраля 2021 в 18:55

Но вот по вашему плейлисту сразу вопрос:
xyz-nk.ru/news/10-video-i-audio-na-saite.html
Мне не удалось найти ни одного трека в плейлисте, где бы работала кнопка Download.

Голдман Сакс
И это правильно в отношении авторских прав. Это не мой личный контент.
Скачивание аудио и видео пусть даже примитивно, но следует закрывать.
И к этому я всегда стремился.

Для данной новости в редакторе сегодня в секции вывода видео:
<section oncontextmenu="return false" style="padding: 15px 0px 20px 0px;"> ...
я удалил oncontextmenu="return false"
И теперь правой кнопкой мышки при воспроизведении Вы можете скачать любое видео их списка.


Причём скачать можно в трёх форматах — *.webm, *.ogv и *.mp4

При необходимости в тексте новости можно сделать обособленный список с ссылками или кнопками
Download на скачивание. Всё просто — htmlbook.ru/html/a/download
А вот здесь — gsk-nk.ru/articles/4-nedonasyschennyi-almaz-predposylki-i-razvitie.html со скачиванием
будет полный облом. Это (oncontextmenu) своего рода защита от "дурака".

Это всё понятно. Я знакомился с саундклод еще до этого поста и возможности поверхностно знаю.

Голдман Сакс
Касательно Soundcloud — в конце данной новости присутствует следующий код:

  1.  
  2. <iframe width="100%" height="600" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/529467183&amp;theme_color=000000&amp;color=29abe0&amp;auto_play=false&amp;hide_related=false&amp;show_artwork=true">
  3. </iframe>
  4.  

И совсем не раскрыта тема интеграции с движком.

Голдман Сакс
А можно ли это детализировать (поскольку тема не моя)?

P.S. Отдельное поле и типограф это само собой разумеется.
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.