Очередной плеер на замену pleer.com
Доброго времени суток. В связи с дефицитом плееров, я бы хотел поделиться тайными знаниями, которые передавались из уст в уста, а именно, как же вставлять плеер http://bandcamp.com/Bandcamp - музыкальный интернет-магазин, являющийся также платформой для раскрутки исполнителей. Все композиции доступны для пользователей бесплатно, при этом чаще всего предоставляется возможность приобрести альбом или конкретный трек по гибким ценам. © Википедия.
Как вы могли догадаться, заливать музыку самостоятельно сюда нельзя, тем не менее имеющийся каталог музыки (который постоянно пополняется) вполне обширен и на сайте можно найти множество интересных альбомов (в том числе и работы разных брони).
Для примера я возьму плейлист Elements of Friendship Instrumental EP из своего старого поста.
На страничке плейлиста нажимаем кнопочку Share / Embed и выбираем Embed this album.
Далее мы переходим в следующее окно кастомизации плеера:
1. HTML код, который нам и нужен.
2. Вид плеера (рассмотрим далее).
3. Размер плеера (оптимальный это 700x 1004).
4. Цветовой оформление.
5. Предосмотр плеера.
Вот мы и имеем HTML код для вставки, который выглядит примерно так:
Теперь вы можете смело забыть о нем, ибо если вы попытаетесь вставить его в пост, то вместо плеера у вас получится просто вот такая гиперссылка:
Чтобы плеер заработал нужно изменить код следующим образом:
1. Из того, что вы скопировали на сайте, нам понадобится следующие части кода:
2. И переделать его вот так (Особо обратите внимания на замену символов и значения width="700"height="905"):
И вуаля:
Чтобы вставить отдельный трек нужно просто перейти на страничку композиции и проделать всё тоже самое (нажать Share / Embed и тд), код будет отличатся следующим образом:
<embed
src="https://bandcamp.com/EmbeddedPlayer/album=1306446655/size=small/bgcol=ffffff/linkcol=0687f5/track=1036748965/transparent=true/"width="100%"; height="42"></embed>
А выглядеть это будет примерно так:Напоследок рассмотрим разные виды плеера:
Slim
Код:
<embed
src="http://bandcamp.com/EmbeddedPlayer/album=1306446655/size=small/bgcol=333333/linkcol=0f91ff/artwork=none/transparent=true /" width="100%"; height="42"></embed>
особо прошу обратить внимание на знак % в поле где указывается ширина.Artwork-only
Код:
<embed
src="http://bandcamp.com/EmbeddedPlayer/album=1306446655/size=large/bgcol=333333/linkcol=0f91ff/minimal=true/transparent=true/" width="350"; height="350"></embed>
Standard
