Сегодня хочу вам показать как можно вставить любой аудио файл на ваш сайт. Сам файл будет находится на вашем хостинге, по моему мнению так безопаснее всего. Если использовать плееры сторонних сервисов и сам файл будет находится не у вас то рано или поздно, его удалят или сайт перестанет работать и ваш аудио файл перестанет работать. Думаю объяснил вполне доходчиво.
Вот такой я вставил плеер вам для примера. Дизайн кнопок также настраивается, так что подогнать цвет, размер, под любой шаблон не составит труда.
Для того, чтобы начать, вам нужно сначала скачать программу Web Audio Plus. После скачивания программы. Вы ее должны установить, что не представляет большой сложности. Сама программка весит не очень много.
Скачать [Web Audio Plus] 1.98 Мб
После установки программы, открываем, у вас откроется вот такое окно.
Оно предназначено для того, чтобы вы выбрали: будете записывать файл или откроете уже существующий. В нашем случае выбираем Load from file (MP3 or WAV) и жмем Next.
Теперь жмем «Open» и выбираем ваш аудио файл. Ничего больше не трогаем и жмем «Next».
Тут мы настраиваем дизайн нашего плеера.
Интерфейс я разделил на 4 блока:
- Выбираем вид плеера.
- Цвет кнопок.
- Цвет фона.
- То что у нас получится.
Жмем «Next».
Мы видим финальные настройки плеера.
Я рекомендую поставить «Movie width» (ширина) — 80-50 пикселей, иначе он у вас будет на всю страницу!
Галочку в «Autoplay aydio» (авто-воспроизведение) — ставим по желанию.
Теперь самое главное!!! Сохраните этот код в блокнот, мы его должны будем вставить на ваш сайт где должен быть плеер.
По умолчанию файл плеера сохраняется на рабочем столе. Жмем «Make!»
Теперь этот фал, который сохранился на рабочем столе и сам аудио файл мы должны залить в одну папку на вашем сайте. Для этого можете воспользоваться стандартным файловым менеджером вашего хостинг-провайдера в вашем личном кабинете или программкой FileZilla.
Теперь когда будите вставлять код который вы сохранили в процессе создания плеера, вы должны заменить две строчки.
Я выделил вам то, что нужно заменить. В коде указаны ссылки на файл плеера в вашем компьютере, вы должны там указать ссылки на этот плеер который уже находится на вашем сайте.
Все, пользуйтесь на здоровье и наслаждайтесь вашей музыкой. 😉
