Очередной плеер на замену pleer.com
Доброго времени суток. В связи с дефицитом плееров, я бы хотел поделиться тайными знаниями, которые передавались из уст в уста, а именно, как же вставлять плеер http://bandcamp.com/ Bandcamp - музыкальный интернет-магазин, являющийся также платформой для раскрутки исполнителей. Все композиции доступны для пользователей бесплатно, при этом чаще всего предоставляется возможность приобрести альбом или конкретный трек по гибким ценам. © Википедия.
Как вы могли догадаться, заливать музыку самостоятельно сюда нельзя, тем не менее имеющийся каталог музыки (который постоянно пополняется) вполне обширен и на сайте можно найти множество интересных альбомов (в том числе и работы разных брони).
На страничке плейлиста нажимаем кнопочку Share / Embed и выбираем Embed this album.
Далее мы переходим в следующее окно кастомизации плеера:
1. HTML код, который нам и нужен.
2. Вид плеера (рассмотрим далее).
3. Размер плеера (оптимальный это 700x 1004).
4. Цветовой оформление.
5. Предосмотр плеера.
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>
src="http://bandcamp.com/EmbeddedPlayer/album=1306446655/size=large/bgcol=333333/linkcol=0f91ff/minimal=true/transparent=true/" width="350"; height="350"></embed>
Standard
Код:
<embed
src="http://bandcamp.com/EmbeddedPlayer/album=1306446655/size=large/bgcol=333333/linkcol=0f91ff/transparent=true/" width="350"; height="654"></embed>
<embed
src="http://bandcamp.com/EmbeddedPlayer/album=1306446655/size=large/bgcol=333333/linkcol=0f91ff/transparent=true/" width="350"; height="654"></embed>
Вот и всё, теперь вы знаете как вставлять очередной плеер, данный плеер не является идеальным (главный минус это невозможность менять громкость), но тем не менее приятный интерфейс и большой каталог музыки (ну и отсутствие альтернативы) делают свои дела. Надеюсь я достаточно понятно объяснил и гайд поможет вам в создании постов с музыкой.