Expertet.ru

Музыкальная студия

Наша команда Expertet решила рассказывать еще и про полезные ресурсы. Сегодня мы опишем сервис soundcloud.com Он подойдет для всех музыкантов или для тех, кто по тем или иным причинам использует на своем сайте музыку. Плюсы данного сайта: возможность использовать первоклассный плеер, возможность публиковать свою музыку и пиарить себя бесплатно, например можно поставить ссылку на свой сайт. Что есть хорошо! Это раскрутка вашего ресурса, его продвижение в сети. Таким образом, вы набираете ссылочную массу.

К минусам можно отнести не доработки плеера: при загрузке на сайт композиция закачивается целиком, плюс мешают всякие «навороты» плеера. Все это приводит к долгой загрузке страницы вашего сайта, если используются большие композиции по 5 и более минут и если таких композиций много, например 5 и больше.

Но давайте все по порядку. Заодно подскажу, как избежать недостатков плеера. Итак, переходим по адресу Сайт для музыкантов

soundcloud

Здесь все по-английски, но разобраться не трудно. Жмем sign up и появляется менюшка. Прописываем туда свой e-mail адрес, пароль, повторяем пароль, ставим галочку на новости и согласие с правилами этого сервиса. На новости галочку ставить не обязательно.

заполняем форму

Затем идем на свою почту и активируем свой аккаунт на этом сайте. Ну а дальше все просто, бегаем по настройкам своей страницы: загружаем свой логотип или аватар, даем имя своему аккаунту, ставим ссылку на свой сайт и т.д. После чего загружаем свою музыку. Как только вы ее загрузили - можно приступать к публикации плеера с ней от soundcloud на свой сайт.

заполняем аккаунт

Что для этого нужно? Внимательно смотрим на наши композиции и видим разные настройки.

настройки музыки

Щелкаем на Share и берем настройки из меню. Тут у нас есть полный путь к композиции. А на вкладке Embed имеется еще и тег iframe с настройками нашей музыки. Там можно ставить рамку, подбирать ширину, высоту и прочее. Там же прописан путь к нашей музыке.

адрес музыки блок музыки

Вот этот тег iframe, c нужной высотой и шириной, вставляем на наш сайт как есть. В архиве я привел два способа вставки своей музыки: при помощи тега iframe и тега object. Архив. Наиболее удобным является object, хотя, может вам понравится больше iframe.

вставка блока музыки

Если вы откроете файл index.html любым редактором, например, блокнотом, то сможете посмотреть весь код, теги iframe и object. В них легко разобраться.

индексный файл

Но, если вдруг у вас возникли проблемы, то посмотрите видео урок по этой теме Все для музыкальной студии. Что касается плеера, его недостатки можно убрать, если загружать небольшие композиции до двух минут и в количестве не больше трех. Тогда ваш сайт будет заметно меньше тормозить. Или придется написать свой плеер и установить его на сайт. Я как раз этим занимаюсь. Если у вас музыка длинная, то используйте одиночный слайдер с кнопками. Загружается всегда одна мелодия. Если нужна другая - пользователь просто щелкает на кнопку вперед или назад. Основа нашей музыкальной студии готова!

Чтобы продвинуть ваш сайт в сети нужно много чего знать, об этом пойдет речь в статье: Продвижение сайта. Шаг первый. А на сегодня все, спасибо за внимание.

Автор: Сергей Щеглов 2015-03-08 Просмотров: 284