Создание виджета плеера

пройти регистрацию для получения аккаунта. Это бесплатно.
Вкладка ACCOUNT содержит раскрыващийся

список дополнительных вкладок: Домашняя страница, Редактирование профиля, Плейлисты, Виджеты, Друзья, Сообщения, Настройки.
Поскольку наша задача – получить виджет ПЛЕЕРА, - начнем с создания плейлиста с композициями, которые и будут затем проигрываться в нашем плеере на web-страничке или в блоге.

текстовое поле введите название плейлиста (используйте латиницу!) и нажмите кнопку

«Создать плейлист».

Так же Вы можете видеть дополнительную вкладку «Импортировать плейлист». Однако импорт предусмотрен со сторонних ресурсов, а данный вопрос не является предметом рассмотрения нашей статьи.

Ваших плейлистов. При нажатии на ссылку плейлиста откроется окно, которо

Вы видите на иллюстрации.
Собственно, распространение Вашего плейлиста (публикация) на предоженных сервисах и ресурсах, а так же создание виджетов возможны уже отсюда.
Однако мы продолжим создание плейлиста, поэтапно подходя к получению виджета. Тем более что наш плейлист еще не заполнен!

по MP3 файлам, но и по видео-содержимому, а так же

в смешанном режиме, - поиск различного контента. Мы выбрали именно такой режим. А в качестве исполнителя – Скарлатти. Теперь можно нажимать на иконку лупы и приступать к поиску…

Ну вот. Поисковик что-то нашел. На лист будут выведены произведения, соответствующие критерию поиска.
Добавить произведение в плейлист очень просто: достаточно нажать на иконку «+». Тут же можно и прослушать произведение.

произведение успешно добавлено в плейлист.
А так будет выглядеть плейлист в

открытой вкладке (см. меню на поле серого цвета). Название, список произведений, вкладки редактирования (регенерация, просмотр, публикация, добавление произведений).

в верхней части в виде скользящей ленты, так и справа,

в виде списка с изображениями и ссылками управления (создания, просмотра…). Приступим к созданию.

Выберите цветовую схему плеера. Определите, будет ли он воспроизводить записи автоматически, а так же определите разрешение прокрутки плейлиста. Заготовка отзывчива на команды и клики мышкой, проверьте!

известного Вам плецлиста (верхнее поле). Использовать существующие (Ваши) плейлисты. А

так же поместить плейлист со сторонних ресурсов (нижнее поле). Переход на этот лист осуществляется нажатием на вкладку 2 окна редактирования виджета (см. предыдущий слайд).

так же опциях воспроизведения и появления плейлиста. Нажать на кнопку

«Сохранить и создать виджет».

Шаг 4

Получаем код виджета!

надписью «Френдстер». Сохраним наш виджет как-бы для этого ресурса. Код

для Френдстера совершенно подходит для вставки в страницу Вашего сайта или блога!
В случае, если вы жнлаете сразу и опубликовать свой виджет, жмите кнопку. А если желаете просто получить код – вкладку (на слайде подсвечена зеленым цветом).

кнопку «Копи» (выделено подсветкой зеленого цвета).
Выше на странице – подсказка.

В ней описаны действия по помещению виджета на страницу Френрдстера. Если Вы не пользуетесь этим ресурсом, то Вам данное описание без надобности…
Обратите внимание, что на странице размещены логотипы иных сервисов. Код для помещения виджета в них может отличаться, будьте внимательны и выбирайте лишь необходмое!

и другие виджеты, - последовательность принципиально не отличается, интерфейс понятен,

операции выбора цветовой гаммы, плейлиста стандартны!


Поэкспериментируйте и украсьте свой сайт, блог необычными, эффектными и удобными плеерами!