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

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

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


Не зависимо от цели, решение вопроса как вставить музыку на сайт может иметь несколько различных вариантов.


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


Однако использование такого метода может стать проблемой для тех, у кого ограниченное пространство на хостинге и нет возможности загружать всё подряд. К слову, я как раз из этой группы людей – мой тарифный план предусматривает всего 1 гигабайт дискового пространства, поэтому у меня нет возможности использовать ранее предложенный вариант, и я пошёл дальше.


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


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


К этим требованиям я в первую очередь отнёс:


  • удалённую загрузку (нет необходимости хранить файлы в формате mp3 на своём хостинге)
  • соответствие веб-стандартам (валидность html кода должна полностью проходить проверку)
  • простоту внедрения музыки на сайт (без каких-либо заморочек и дополнительных настроек)

Теперь, давайте я расскажу подробнее о том, как это можно сделать.


Как вставить музыку на сайт – наглядная инструкция.


Для того что бы вставить музыку на сайт, мы воспользуемся сервисом Яндекс Видео – да да, именно видео и пусть Вас не смущает это слово.


Переходим по ссылке «Загрузить видео» и выбираем интересующий способ – в данном случае я воспользуюсь загрузкой с компьютера.


Загрузить музыку

В появившемся окне, кликнув по кнопке «добавьте ролики» мы выбираем нужную музыкальную композицию или даже несколько при необходимости. По желанию можно отредактировать название, проставить метки для вашего файла, настроить доступность и другие параметры.


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

Когда всё готово, остаётся лишь нажать по кнопке «Загрузить» и дождаться окончания загрузки.


Загрузка

По завершению у Вас появится окно с сообщением о том, что Ваши видео загружены – используя одноимённую ссылку «Перейдите к просмотру своих видео» и выберите нужный аудио-файл из списка.


Аудио-файл

Справа от загруженного ролика есть строка «Код для вставки на сайт или в блог» - используя ее, выбирайте, то, что вам нужно и внедряйте туда, куда надо. Скопировав iframe-код и разместив его на странице, Вы получаете вот такой проигрыватель.


Музыка: Darren Rhys - Lost Soul (Katakana Rmx)


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


Кстати, загруженный мною файл весит чуть более 18 Мб, что в свою очередь могло бы существенно сказаться на дисковом пространстве, если бы я сохранял его на хостинге, а не предложенным способом. Представьте себе, сколько придётся платить за дополнительное место, если таких файлов будет сотня, а то и тысяча.


Ещё один пример такого размещения можно увидеть в недавно опубликованной статье «Чего хотят люди, и чего хочу я» - вставленная в неё музыка находится практически в самом конце страницы.


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

12.02.2013
Оставить комментарий





Автор блога
Алексеенко Никита - автор блога
Алексеенко Никита
Возраст: 29 лет Деятельность: Блогер, программист, повар, фотограф, трейдер Интересы: Спорт, музыка, путешествия
Читать подробное досье
Обмен денег в Интернете Обмены по самому выгодному курсу с минимальной комиссией. bestchange.ru
Хостинг для сайта Надёжный и недорогой хостинг, для Вашего сайта или блога. hostland.ru
Чеки от Google AdSense Рекомендую обналичивать именно здесь. Быстро и удобно. epayservices.com
Форум трейдеров MT5 Здесь платят за каждое сообщение до 30 рублей. mt5.com
Надёжный форекс брокер Торгую и зарабатываю на InstaForex уже более 5 лет. instaforex.com
Заработок на кликах Самый лёгкий способ. Заработай свои первые деньги в интернете. seosprint.net
Яндекс.Метрика