Что нового

• Во-первых плеер теперь отталкивается не от самописного бб-кода [player].....[/player], а на основе тега block от @kozhilya что упрощает работу с селекторами в постах. У каждого блока свой уникальный id, так что часть моего предыдущего кода отвечающая за идентификацию плеера удалена за ненадобностью.

Чтобы новая версия работала в старых постах с предыдущей версией плеера, нужно через Администрирование - Цензуру сделать замену бб-кода player на block, вот так:

• Во-вторых переработана форма составления плейлиста. Добавлено некое автозаполнение полей. В чём оно выражается? В том, что если вы первым делом будете вставлять ссылку mp3 файл, то в поле Название трека (исполнитель) автоматически появится песни, если оно присутствует в самой ссылке. Пример:

• Код:

  название группы и песни в конце ссылки
  https://cdn1.deliciouspeaches.com/get/cuts/b9/e6/b9e699e5cf1ee259fed33ebcef7b9fe4/48155549/Stone_Temple_Pilots_-_Creep_b128f0d332.mp3
  https://cdn2.deliciouspeaches.com/get/cuts/e6/9b/e69b77b92f2163f885bc6386bac891f9/47874625/Black_Sabbath_-_War_Pigs_b128f0d475.mp3
  название группы (песни)в ссылке написанное кириллицей
  https://dl.dropboxusercontent.com/s/2vws41zomcwkvz5/%D0%A2%D0%B0%D0%B9%D0%BC%20%D0%90%D1%83%D1%82%20

Вставка ссылки

А как быть с ссылками на mp3, которые загружены непосредственно на сам форум и имеют вид, т.е. без какого-либо названия или комментария:

Код:

http://forumstatic.ru/files/0017/d8/50/76806.mp3

Тут вступает в силу нововведение от @kernel  - board.getFileMetadata и при вставке подобной ссылки в форму составления плейлиста название трека берётся запросом через API.

• Ещё одно дополнение для удобства составления плейлиста добавлен сокращатель ссылок, который каждый пользователь может включать и выключать индивидуально. Сокращатель ссылок сделает плейлист более читабельным перед публикацией.

Код:

Пример плейлиста без сокращения ссылок
[block=player]
[{n:"Faith No More - Epic ",u:"https://cdn6.deliciouspeaches.com/get/cuts/70/e2/70e274a71fec89a0973c8294113a2f53/48031713/Faith_No_More_-_Epic_b128f0d293.mp3",c:""},
{n:"Faith No More - War Pigs ",u:"https://cdn12.deliciouspeaches.com/get/cuts/9b/be/9bbe8e027d8cbc436f21860c1c9e3b31/48187953/Faith_No_More_-_War_Pigs_b128f0d465.mp3",c:""},
{n:"Faith No More - Be Aggressive ",u:"https://deliciouspeaches.com/get/cuts/53/ae/53aee287e71c405e5cd89abbb8b97769/48147309/Faith_No_More_-_Be_Aggressive_b128f0d222.mp3",c:"https://mex.su/NYi1l"}]
[/block]
с сокращением
[block=player]
[{n:"Stone Temple Pilots - Plush ",u:"https://mex.su/mz4ZY",c:""},
{n:"Stone Temple Pilots - No Memory ",u:"https://mex.su/1phPF",c:""},
{n:"Stone Temple Pilots - Lounge Fly",u:"https://mex.su/TcQD0",c:""}]
[/block]

Вставка ссылки на mp3 с сокращателем ссылок

Ещё одно изменение в этой версии плеера. Это дублирование плеера в хедере форума при воспроизведении. Это сделано для того, чтобы продолжать сёрфинг и чтение страницы при этом иметь возможность управлять воспроизводимой музыкой, переключать треки, регулировать громкость, останавливать воспроизведение. Правда в данной версии плеер в хедере пока ограничен пределами одной страницы, т.е. при переходе на новую воспроизведение остановится. Безостановочное прослушивание треков при переходах по страницам предполагается в следующей версии плеера.

Плеер в хедере

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