Google+ Blogger WordPress Facebook Like Vkontakte Odnoklassniki LiveJournal vKruguDruzei Facebook Email Gmail
Показаны сообщения с ярлыком плеер. Показать все сообщения
Показаны сообщения с ярлыком плеер. Показать все сообщения
вторник, 17 апреля 2018 г.

Настраиваем плеер в блоге tumblr.

С помощью этого сайта  SCM Music Player можно настроить плеер в Tumblr, Blogger, Weebly, Tistory и другие.
Как показано на этой картинке, выберете понравившийся дизайн  и нажмите на кружочек, который можно найти напротив плеера.
Вверху сайта вы увидите то, как будет выглядел ваш плеер в последней редакции на этом сайте (если она была) и песни.
2/3040753_2 (672x504, 70Kb)
Сейчас я покажу вам, как вставить песни. Нажмите на пункт Edit Playlist. Если у вас не будет полей song title (название песни) и song url (ссылка), то нажмите на кнопку add more songs.
Так же нажмите на нее, если хотите добавит еще полей, а на крестик выделенный фиолетовым цветом нажимать стоит тогда, когда хотите удалить поле.
3/3040753_3 (700x410, 60Kb)
В первом поле пишется название песни (в моем случае —  Here’s to Us), а во второй ссылку на файл. Я всегда пользуюсь Youtube для этой цели. Вам всего лишь нужно найти видео-клип вашей мелодии и скопировать ссылку.
Безымянный/3040753_04i (546x35, 18Kb)
Только при использовании youtube есть одно но. Человеку, прослушавшему песню на вашем блоге, автоматически зачитается просмотр этого видео, если у него есть аккаунт в youtube.
Это не является минусом.Поля должны выглядеть так. Теперь нажмите на кнопку next.
5/3040753_5 (700x439, 62Kb)
Здесь вы можете настроить свой плеер.
Первая синяя галочка — это автоматическое воспроизведение песен. Никогда не пользуюсь.
Устанавливаю плеер лишь в какие-то особые случаи, и, возможно, человек не захочет слушать песни. Тогда он не включит плеер, а если захочет — включит.
Вторая галочка — Это громкость.
Третья — местонахождение плеера. Выбираю top — вверху. Так же можно выбрать bottom — внизу.
Дальше нужно нажать на кнопку done, обведенную красным цветом.
8/3040753_8 (700x398, 54Kb)
Вы получаете код своего плеера. Скопируйте его и откройте свой блог.
9/3040753_9r (700x490, 83Kb)
Нажмите на кнопку edit theme
10/3040753_10 (687x373, 39Kb)
Нам понадобиться пункт «изменить html»
Теперь вам придется побыть немного программистом!  
Не пугайтесь такого большого и страшного кода!
12/3040753_12 (696x600, 178Kb)
Найдите <body> в своем большом коде и вставьте код плеера под этой надписью.
Должно выглядеть вот так:
13/3040753_13 (647x600, 157Kb)
Осталось лишь нажать на «обновить вид» и «сохранить». Ваш плеер готов!
У меня он выглядит вот так.
14/3040753_14 (645x28, 12Kb)
Наслаждайтесь музыкой!
источник:   http://nika-info.ru/kak-nastroit-pleer-v-bloge-tumblr/



понедельник, 16 апреля 2018 г.

Вставляем музыку в блог

В пункте Дизайн есть возможность выбрать цвета темы, текста, фонового текста.
В основных настройках название и описание плеера, максимальный размер виджета, высота плейлиста. 
  В этом сервисе cincopa.com также есть возможность создать аудио-плеер для блога или сайта.

Регистрация в сервисе бесплатная (о регистрации читайте в статье про слайд-шоу). На бесплатном аккаунте дается 200 МБ трафика и 400 МБ для хранения файлов.

Также, как и для фотогалерей (слайд-шоу), есть из чего выбрать  вид аудио-плеера. В начале статьи лишь несколько вариантов плееров.

Как создать аудио-плеер для блога.

В своем аккаунте на сервисе cincopa.com нажмите на квадрат с точками:
Далее выберите Blogger Widgets -> Blogger Video and Music.
На следующей странице Вы увидите описание, примеры и преимущества плееров, предлагаемых сервисом:
  • Мобильно совместимы
  • Удаленный доступ
  • Несколько оболочек
  • Несколько вариантов настройки (Панель управления местоположение, обложки альбомов, размер и т.д.)
  • Загрузить файлы с любого устройства и веб-адрес
  • Бесплатный хостинг и доставка услуги (400MB хранения и 200 Мб трафика в месяц)
  • Добавить список воспроизведения и меню
  • Совместимость со всеми основными браузерами
  • Автоматические отчеты и резервные копии
  • Полная защита для ваших файлов - решите, следует ли разрешать или блокировать загрузки пользователей
  • Автоматические преобразования, транскодирования и изменение размера фотографий
  • Расписание доставки контента
  • Полное масштабируемость
  • Псевдо потокового - нет буферизации и заикания и др.
Для того чтобы перейти непосредственно к созданию аудио-плеера, нажмите синюю кнопку
создать аудио плеер
Затем в левом меню выберите Music & Podcasts
Здесь Вы сможете определиться с видом аудио-плеера. Плеер "с обложкой" (с "большой крышкой", как перевел мне браузер) - со статичной картинкой.

На втором шаге, опять же - слева, есть различные настройки. В свою очередь, некоторые настройки будут зависеть от выбранного Вами плеера.

В "передовых" настройках (Advanced) - паузы, повторы, автоматический старт и др. Также здесь настраивается размер изображения (маленький/средний/большой), максимальная высота изображения "на обложке".

Все настройки сохраните 
и перейдите к шагу № 3. На этом шаге загрузите изображение (если плеер предусматривает использование изображения) и музыкальные треки (их можно сортировать после загрузки).
Кнопка для перехода к шагу № 4 располагается вверху - NEXT->
Есть 2 варианта для вставки аудио-плеера в блог на платформе Blogger: в сообщение или в гаджет (для других сайтов и блогов есть другие коды).
Для вставки в сообщение скопируйте код слева и затем вставьте его в сообщение в режиме HTML.
источник:     http://samasajt.blogspot.ru/2016/01/blog-post.html