Как добавить музыку в проигрыватель

Как добавить музыку на сайт

Автор: admin. Рубрика: IT .

Д обрый день. Для всех желающих решил сделать небольшой пост о том,  как добавить музыку на сайт. Многим блоггерам. сайтостроителям и просто хорошим людям рано или поздно приходит такая мысль в голову.

Д елая свою статью "Бриллианты навсегда" я решил снабдить ее музыкальным сопровождением и передо мной также встала такая задача. Довольно быстро я определился с выбором плеера на сайт. Им стал Uppod.  Выбрал его, перебрав, наверное с десяток плееров. Вообще нравится podfm, но это плеер для подкастеров и в политике этого ресурса сказано, что нельзя добавлять музыкальные отрывки  и песни целиком. Но Uppod ничем не уступает конкуренту. Его безусловные достоинства:

  • малый размер
  • универсальность
  • легкость в использовании

Ж мем "Скачать"fotoblur.ru/wp-content/uploads/uppod.swf   Думаю, принцип ясен. Этот файл мы закинем на хостинг только один раз. Это собственно сам плеер и больше никаких манипуляций с ним делать не надо. Разумеется Вы указываете свой путь для своего сайта. Можно просто в строку подставить свой сайт.

fotoblur.ru/wp-content/uploads/Laura Matisse - Brilliance Forever.mp3

Х отя можно использовать и хранилище файлов на самом uppod.ru Музыкальный файл перед добавлением я рекомендую сжать до нужного битрейта (обычно 128 кбит/сек), чтобы уменьшить вес файла.

Д алее: Жмем - аудио - файлы - плюс.  Указываем название песни, как она будет отображаться в проигрывателе и в следующем поле "Ссылка"fotoblur.ru/wp-content/uploads/Laura Matisse - Brilliance Forever.mp3

В се это нужно для получения результирующего кода для вставки на сайт. Осталось

совсем немного.

Т еперь нужно придать стиль самому плееру.

Д елаем следующее: Аудио - Стили - Плюс.  Попадаем в редактор стилей.

5 (кликабельно)

Т ут ваша фантазия будет в восторге. Самое главное окно - первое. Настройте размеры проигрывателя, цвет, поиграйте с остальными опциями в других вкладках. Когда вид плеера Вас устроит, а он отображается тут же справа и все изменения сразу видны, то нажимайте "Сохранить". И следом жмите "Скачать стили".

fotoblur.ru/wp-content/uploads/styles/123-12.txt  В другой раз, создав другой стиль плеера можно будет закинуть сюда файлы со стилями. А менять стили можно из своего аккаунта в разделе "Аудио - Файлы - Нужный файл - Редактировать - Стили - Ок".

Прописываем путь к стилям и к файлу uppod.swf   Выше мы рассмотрели, как взялись эти ссылки. Жмем "Сохранить".

И дем по знакомому пути: выбираем нужный музыкальный файл, если их несколько и справа внизу нажимаем на синий квадратик. Это и есть код.

Э тот код HTML добавляем в статью обычным способом в режиме HTML. Поздравляю. Музыка (и видео при желании) на сайте.

Н есмотря на кажущуюся сложность на самом деле все просто. Мы все уже сделали и теперь, чтобы добавить другой музыкальный файл, нужно будет только закинуть его на хостинг, добавить новую ссылку на этот файл в "Аудио - Файлы" и скачать код, так как все остальное (стили, плеер) у нас на месте.

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

Источник: fotoblur.ru

Категория: Программное обеспечение

Похожие статьи: