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

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

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

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

Для начала рассмотрим одно из облачных хранилищ — облако Box.

Облако Box

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

Для регистрации переходите на облако Box, нажимаете на кнопку Sign Up в правом верхнем углу, выбираете регистрацию Personal, заполняете поля, и подтверждаете свою почту, кликнув по ссылке в письме.

После этого Вы попадаете в свой кабинет. В последующем, чтобы попасть в кабинет, Вам нужно будет нажимать на кнопку Log In.

Файлы можно размещать, перетаскивая их в соответствующую область в облаке. После размещения они будут появляться в списке. Справа от названия аудиофайла Вы увидите надпись Share. Справа от ссылки Вам нужно будет нажать на иконку настроек в виде шестеренки. Нажимаете на иконку, и выбираете вкладку Embed. Подбираете размер и тему, и берете код для вставки музыки на сайт.

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

Теперь давайте разберемся с еще одним вариантом вставки музыки на сайт — с помощью сайта для прослушивания музыки ПростоПлеер.

ПростоПлеер

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

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

База аудиофайлов там достаточно большая — можно найти много хорошей музыки.

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

Для вставки на сайт требуется зайти в опции файла, и выбрать пункт Код для вставки.

Код неплохо будет подредактировать, а именно, убрать все лишнее, и уменьшить высоту. Нам нужен только код между тэгами <object>, вместе с этими тэгами. Все остальное является ненужными нам ссылками, и мы их убираем.

Кроме того, изменяем высоту, для того, чтобы убрать блок рекламы, и сделать наш аудиоподкаст компактнее. В коде в двух местах, после слова height, изменяем высоту с 110 на 42. Впрочем, если Вам такая высота не нравится, можете подобрать свою высоту.

Полученный таким образом код вставляете на сайт, или в статью на блоге.

Чтобы в дальнейшем было проще редактировать код, можете брать готовый образец, и изменять в нем только ID трека, который берется из нового кода.

Вот, в принципе, и все. На мой взгляд,способ вставки музыки на сайт с помощью сайта ПростоПлеер — самый простой. Не нужно даже регистрироваться. И при этом результат получается вполне достойный. Так что используйте, и желаю Вам в этом успеха!

Более подробные сведения Вы можете получить в разделах "Все курсы" и "Полезности", в которые можно перейти через верхнее меню сайта. В этих разделах статьи сгруппированы по тематикам в блоки, содержащие максимально развернутую (насколько это было возможно) информацию по различным темам.

Также Вы можете подписаться на блог, и узнавать о всех новых статьях.
Это не займет много времени. Просто нажмите на ссылку ниже:
    Подписаться на блог: Дорога к Бизнесу за Компьютером