В статье Настраиваемое слайд-шоу для Blogger я рассказывала о замечательном сервисе cincopa.com В этом сервисе также есть возможность создать аудио-плеер для блога или сайта.
Регистрация в сервисе бесплатная (о регистрации читайте в статье про слайд-шоу). На бесплатном аккаунте дается 200 МБ трафика и 400 МБ для хранения файлов.
Также, как и для фотогалерей (слайд-шоу), есть из чего выбрать вид аудио-плеера. В начале статьи лишь несколько вариантов плееров.
Как создать аудио-плеер для блога.
В своем аккаунте на сервисе cincopa.com нажмите на квадрат с точками:
Затем в левом меню выберите Music & Podcasts
Здесь Вы сможете определиться с видом аудио-плеера. Я выбрала плеер "с обложкой" (с "большой крышкой", как перевел мне браузер) - со статичной картинкой.
На втором шаге, опять же - слева, есть различные настройки. В свою очередь, некоторые настройки будут зависеть от выбранного Вами плеера.
В основных настройках название и описание плеера, максимальный размер виджета, высота плейлиста.
В "передовых" настройках (Advanced) - паузы, повторы, автоматический старт и др. Также здесь настраивается размер изображения (маленький/средний/большой), максимальная высота изображения "на обложке".
В пункте Дизайн есть возможность выбрать цвета темы, текста, фонового текста.
Регистрация в сервисе бесплатная (о регистрации читайте в статье про слайд-шоу). На бесплатном аккаунте дается 200 МБ трафика и 400 МБ для хранения файлов.
Также, как и для фотогалерей (слайд-шоу), есть из чего выбрать вид аудио-плеера. В начале статьи лишь несколько вариантов плееров.
Как создать аудио-плеер для блога.
В своем аккаунте на сервисе cincopa.com нажмите на квадрат с точками:
Далее выберите Blogger Widgets -> Blogger Video and Music.
На следующей странице Вы увидите описание, примеры и преимущества плееров, предлагаемых сервисом:
Для того чтобы перейти непосредственно к созданию аудио-плеера, нажмите синюю кнопку
- Мобильно совместимы
- Удаленный доступ
- Несколько оболочек
- Несколько вариантов настройки (Панель управления местоположение, обложки альбомов, размер и т.д.)
- Загрузить файлы с любого устройства и веб-адрес
- Бесплатный хостинг и доставка услуги (400MB хранения и 200 Мб трафика в месяц)
- Добавить список воспроизведения и меню
- Совместимость со всеми основными браузерами
- Автоматические отчеты и резервные копии
- Полная защита для ваших файлов - решите, следует ли разрешать или блокировать загрузки пользователей
- Автоматические преобразования, транскодирования и изменение размера фотографий
- Расписание доставки контента
- Полное масштабируемость
- Псевдо потокового - нет буферизации и заикания и др.
Затем в левом меню выберите Music & Podcasts
Здесь Вы сможете определиться с видом аудио-плеера. Я выбрала плеер "с обложкой" (с "большой крышкой", как перевел мне браузер) - со статичной картинкой.
На втором шаге, опять же - слева, есть различные настройки. В свою очередь, некоторые настройки будут зависеть от выбранного Вами плеера.
В основных настройках название и описание плеера, максимальный размер виджета, высота плейлиста.
В "передовых" настройках (Advanced) - паузы, повторы, автоматический старт и др. Также здесь настраивается размер изображения (маленький/средний/большой), максимальная высота изображения "на обложке".
В пункте Дизайн есть возможность выбрать цвета темы, текста, фонового текста.
Все настройки сохраните
и перейдите к шагу № 3. На этом шаге загрузите изображение (если плеер предусматривает использование изображения) и музыкальные треки (их можно сортировать после загрузки).
Кнопка для перехода к шагу № 4 располагается вверху - NEXT->
Есть 2 варианта для вставки аудио-плеера в блог на платформе Blogger: в сообщение или в гаджет (для других сайтов и блогов есть другие коды).
Для вставки в сообщение скопируйте код слева и затем вставьте его в сообщение в режиме HTML.
Вот пример моего аудио-плеера с изображением:
...
От всей души поздравляю Вас с Рождеством!
Мира, любви и счастья Вам и Вашим близким!
И дарю Вам музыкальное поздравление.
Благодарю за подсказку, Мария!
ОтветитьУдалитьСпасибо! Сервис очень помог.
ОтветитьУдалитьОгромное спасибо
ОтветитьУдалить50 статью просматриваю. Как все сложно-то ни слова не понимаю..
ОтветитьУдалить