Презентация на тему Создание виджета плеера

Вам необходимо пройти регистрацию для получения аккаунта. Это бесплатно.
Вкладка

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

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

и нажмите кнопку «Создать плейлист».

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

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

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

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

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

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

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

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

нажмите ее.

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

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

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

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

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

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

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

Шаг 4

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

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

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

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

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