Как вставить аудио на сайт с помощью Web Audio Plus

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



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

Для того, чтобы начать, вам нужно сначала скачать программу Web Audio Plus. После скачивания программы. Вы ее должны установить, что не представляет большой сложности. Сама программка весит не очень много.

Скачать [Web Audio Plus] 1.98 Мб

После установки программы, открываем,  у вас откроется вот такое окно.

Как вставить аудио на сайт с помощью Web Audio Plus

Оно предназначено для того, чтобы вы выбрали: будете записывать файл или откроете уже существующий. В нашем случае выбираем Load from file (MP3 or WAV) и жмем Next.

Как вставить аудио на сайт с помощью Web Audio Plus.

Теперь жмем «Open» и выбираем ваш аудио файл. Ничего больше не трогаем и жмем «Next».

Как вставить аудио на сайт с помощью Web Audio Plus

Тут мы настраиваем дизайн нашего плеера.

Интерфейс я разделил на 4 блока:

  1. Выбираем вид плеера.
  2. Цвет кнопок.
  3. Цвет фона.
  4. То что у нас получится.

Жмем «Next».

Как вставить аудио на сайт с помощью Web Audio Plus

Мы видим финальные настройки плеера.

Я рекомендую поставить «Movie width» (ширина) — 80-50 пикселей, иначе он у вас будет на всю страницу!

Галочку в «Autoplay aydio» (авто-воспроизведение) — ставим по желанию.

Теперь самое главное!!! Сохраните этот код в блокнот, мы его должны будем вставить на ваш сайт где должен быть плеер.

По умолчанию файл плеера сохраняется на рабочем столе. Жмем «Make!»

Как вставить аудио на сайт с помощью Web Audio Plus

Теперь этот фал, который сохранился на рабочем столе и сам аудио файл мы должны залить в одну папку на вашем сайте. Для этого можете воспользоваться стандартным файловым менеджером вашего хостинг-провайдера в вашем личном кабинете или программкой FileZilla.

Загрузка-файла-на-сайт-с-помощью-программы-FileZilla

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

Я выделил вам то, что нужно заменить. В коде указаны ссылки на файл плеера в вашем компьютере, вы должны там указать ссылки на этот плеер который уже находится на вашем сайте.

Код плеера Web Audio Plus

Все, пользуйтесь на здоровье и наслаждайтесь вашей музыкой. 😉



Введите ваш E-mail:


Add a Comment

Ваш e-mail не будет опубликован. Обязательные поля помечены *