icon-star icon-cart icon-close icon-heart icon-info icon-pause icon-play icon-podcast icon-question icon-refresh icon-tile icon-users icon-user icon-search icon-lock icon-comment icon-like icon-not-like icon-plus article-placeholder article-plus-notepad article-star man-404 icon-danger icon-checked icon-article-edit icon-pen icon-fb icon-vk icon-tw icon-google
јнастаси€ Ћымарева
“ехника и »нтернет

 ак вставить фоновую музыку в web-страницу?

  • 5723
  • 3

 ак вставить фоновую музыку в web-страницу?

≈сть в »нтернете такие сайты или в веб-дневники: заходишь на них, а там начинает играть музыка. Ёта музыка €вл€етс€ как бы дополнением, завершающим индивидуальность образа сайта и его владельца. » многим может захотетьс€ устроить что-нибудь подобное на своей страничке в »нтернете или фирменном сайте. ¬ этой статье € расскажу вам о способах, которыми можно вставить музыку на сайт.

¬о-первых, это можно сделать посредством HTML, вставив вот такую строку:

embed src="music.mp3" autostart="true" hidden="false" loop="false" width="300" height="65" align="bottom"

 онечно, € вставила еЄ без теговых скобок (таких: <Е>), а дл€ работы строки они нужны. ¬ кавычках после src= нужно вставить ссылку на музыкальный файл. Ёта ссылка должна быть пр€мой и заканчиватьс€ расширением звукового файла (.mp3, .wav и другие). ƒл€ этого вам нужен хостинг, который позвол€ет хранить такие файлы.

”казанный пример работает корректно в большинстве браузеров. ѕри этом атрибут autostart, в значении true, будет запускать музыку автоматически. “олько это не всегда хорошо, потому что у многих внезапно запускающа€с€ музыка вызывает стойкое желание выключить еЄ. јтрибут hidden, в значении false, означает, что плеер будет виден, что вашему сайту будет только на пользу, особенно если сам плеер можно быстро найти. јтрибут loop, в значении false, запрещает повтор музыки, так что, если вы хотите, чтобы она повтор€лась, лучше заменить его на значение true.

Ќо этот способ вам пригодитс€, если вам достаточно одной сопровождающей мелодии. ¬ случае, когда вам хочетс€, чтобы их было несколько, вам придЄтс€ найти:

1. ’остинг, на котором можно разместить файлы с пр€мыми ссылками (с расширени€ми на концах).

2. ¬страиваемый flash-плеер, которых сегодн€ существует немало (например, uppod, flv-mp3 и другие, которые позвол€ют вывешивать по несколько песен).

3. ”бедитьс€, что этот плеер подходит именно вам, потому что одни плееры требуют вставить javascript, а другие Ц просто загрузить файлы на хостинг, и вставить ссылки, куда вам удобно.

¬ этом смысле самый простой и не т€жЄлый Ц uppod. ƒалее Ц следуйте инструкци€м, которые об€зательно присутствуют при каждом таком плеере, и будет вам музыкальное счастье. ћожно поместить на сайте любимое радио, сегодн€ существуют сайты с генераторами ссылок на многие радиостанции.

≈сть, правда, ещЄ один вариант Ц дл€ тех, кто хочет попробовать свои силы в роли дидже€ на своЄм личном »нтернет-радио или просто крутить разную музыку. ќн заключаетс€ в устройстве собственного вещани€ на своЄм сайте, но это потребует больших усилий, чем все предыдущие варианты вместе вз€тые. ¬ам понадоб€тс€:

1. ћикрофон и наушники (если вы хотите бывать диджеем своего радио).

2.  омпьютер с посто€нным подключением к »нтернету.

3. ƒостаточное количество музыки и записей, чтобы это всЄ не приедалось.

4. ѕлеер Winamp, начина€ с версии 5.5.7.

5. SHOUTcast плагин и SHOUTcast сервер.

—начала надо установить скачанные приложени€. «атем надо будет найти файл sc_serv.ini и отредактировать его таким образом:

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

Password Ц пароль дл€ редакции через »нтернет.

PortBase Ц порт, через который будет идти вещание (обычно оставл€ют 8000).

—охран€ем. “еперь надо настроить плагин. ќн сам встраиваетс€ в винамп, поэтому и настраивать его надо через винамп. ¬ плеере зайдите в раздел Ђѕараметры плеераї. ¬ левой колонке найдите пункт Ђѕодключаемые модулиї, а там Ц ЂDSP (эффекты)ї. ¬ыбираем его, а в правом окне Ц Nullsoft SHOUTcast Source DSP. Ќажимаем кнопку ЂЌастройки активного модул€ї.

¬ыскочит высокое и узкое окошко дл€ настроек с четырьм€ вкладками: Main, Output, Encode и Input. Ќачинаем с окошка Output. «десь нужно указать IP-адрес вашего компьютера и порт с паролем, которые вы указывали в файле sc_serv.ini, чтобы сервер мог обратитьс€ к нему и передать данные (музыку и сигнал) с него на сайт. “еперь надо поставить галочку у пункта Automatic Reconnection on Connection Failure, котора€ будет автоматически пытатьс€ подключитьс€ к серверу в случае срыва св€зи. “еперь ставим врем€ задержки соединени€ (около 5 или 10 секунд, например).

 ликаем по кнопке YellowPages. ¬ поле Description пишем название радио, в поле URL Ц адрес сайта, на котором будет установлено радио, в Genre Ц жанр, остальное можно, только можно поставить галочки у пунктов Enable Title Updates (обновл€ет названи€ песен в плеере) и двух Auto, чтобы не писать названи€ и ссылки ко всем песн€м.

ƒалее, идЄм во вкладку Encounter, где устанавливаем параметры моно, стерео и битрейт. Ќаконец, наступает черЄд вкладки Input. ќна вам понадобитс€ наиболее часто, если вы собираетесь диджеить. –екомендуемые настройки:

Input Device: Soundcard Input

Input Settings: 44100Hz, Stereo

Soundcard Mixer: Microphone (если просто крутите музыку с компьютера, то Line Input)

ќстальные параметры варьируютс€ вами по вашему вкусу:

Music Level Ц уровень громкости музыки;

BG Music Level Ц уровень громкости музыки во врем€ монолога дидже€;

Mic Level Ц уровень громкости микрофона;

Fade Time Ц параметр скорости снижени€ или нарастани€ уровн€ звука в переходах между режимами вещани€.

 нопка Push to Talk запускает режим дл€ монолога дидже€ Ц пока кнопка нажата, вы сможете говорить, и вас услышат. Lock Ц кнопка, зажимающа€ кнопку Push to Talk, так что вам не придЄтс€ удерживать ту во врем€ речи.

»так, мы настроили плагин, но не закрываем его. “еперь находим файл sc_serv.exe, помещаем его на рабочий стол дл€ быстроты запусков.  огда нам понадобитс€ запустить наше радио, надо будет запустить сервер, открыть вкладку Output и нажать там на кнопку Connect. Ќо прежде, чем что-либо запустить, нужно провести последнюю часть операции, а именно Ц протестировать работу радио и расположить радио на сайте, чтобы люди вас услышали.

ƒл€ теста надо запустить файл сервера, нажать кнопку Connect в плагине и загрузить Windows Media Player, выбрать там вкладку Ђ‘айлї, далее Ц Ђќткрыть URL-адресї и ввести туда: http://ip адрес вашего ѕ :8000. Ќапример, это будет выгл€деть так: http://12.34.56.78:8000/. ≈сли всЄ сделано правильно, при запуске винампа вы услышите вашу музыку или себ€, если будете говорить в микрофон с соответствующими настройками.

Ќаконец, идЄм на свой сайт, редактируем HTML-код, вставл€€ туда код, который вы можете посмотреть на картинке под статьЄй. “олько, конечно, со своими параметрами и значени€ми, о которых € говорила ранее. ѕравильное размещение кода ознаменуетс€ по€влением функционального изображени€ плеера на сайте при обычном просмотре. ћожете диджеить!

¬ам необходимо или зарегистрироватьс€, чтобы оставл€ть комментарии
выбор читател€

¬ыбор читател€

16+