Как на сайте сделать музыку.

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

Главное правило юзабилити сайта — все операции должны производиться только в ответ на действия пользователя. Самый простой пример — вы заходите на сайт и перед контентом выпрыгивает попап. Который не закрывается. А должно быть так: есть ссылка, например, «посмотреть рекламу». Нажимаешь на нее и появляется попап. Нажимаешь «Закрыть» и он закрывается. Вот это правильно.

Тут можно возразить, например, что на Youtube при входе на страницу с роликом он автоматически начинает играть. Здесь совершенно другая ситуация — вы идете на эту страницу в первую очередь чтобы СМОТРЕТЬ видео, а не искать контакты где-нибудь на странице.

Точно также, автоматический запуск музыки может быть оправдан только в случае, если человек заходит на специальную страницу, например, с радио, или с плеером иногда на флеш сайтах. В остальных случаях, — это неприемлимо.
Если вы хотите сделать на сайте музыку то ниже приведены несколько примеров.
ВАРИАНТ 1 Использование для проигрывания музыки штатных средств.
Первым недостатком этих системных проигрывателей служит то, что поскольку они обладают только ручным стартом то, соответственно, не могут быть использованы для создания фоновой музыки на сайте. Вторым, небольшим недостатком является то, что они умеют проигрывать музыку только в формате MP3. Зато их несомненным достоинством является, во-первых простота использования, а во-вторых только так бесплатный (непривилегированный) пользователь может дать возможность прослушать посетителям музыку, выложенную им на своём сайте.

Исходя из этого, возможным применением может быть, во-первых, выкладывание на ваших страничках, блогах, форумах музыки для прослушивания OnLine, без скачивания и во-вторых, создание возможности предварительного прослушивания, выкладываемой в файловый архив музыки, с низким битрейтом (для посетителей с узкими интернет-каналами). Последнее, естественно, требует наличия в файловом архиве каждой композиции в двух экземплярах — оригинала и превьюхи с низким битрейтом (лучше 56-64кбт) и, возможно, укороченного размера (где-то минута-полторы):

1. Микро-плейер (только кнопка START/STOP) достоинство — нажатие на STOP сразу прерывает подкачку ещё недоподгруженной мелодии, недостаток — нажатие на STOP и затем снова на PLAY, при недогруженной мелодии, начинает загрузку её из интернета СНАЧАЛА. Только полностью загруженная мелодия играется из кеша браузера.

2. Мини-плейер (START/PAUSE/STOP и регулятор громкости) недостаток — нажатие на STOP НЕ ПРЕРЫВАЕТ подкачку ещё не подгруженной мелодии. Прослушивание уже прекращено, а подкачка идёт. Трафик расходуется впустую, достоинство — скачанная мелодия остаётся в кеше браузера и в течении некоторого времени при последующем нажатие на PLAY не начинает загрузку мелодии из интернета, а играется из кеша браузера.
ВАРИАНТ 2 Проигрывание музыки при помощи тегов HTML. Этот метод вставки музыки позволяет использовать её в любом виде, без ограничений, и в качестве фоновой, и просто для выкладывания на сайте для прослушивания, и просто на страницах и для вставки в шаблон сайта:
1. Просто фоновая музыка, никакое управление процессом для посетителя сайта недоступно. В принципе, самый нелюбимый посетителями вариант. С ним нужно быть особенно осторожным, если не хотите растерять посетителей. Обязательно протестируйте полученный вариант не только на себе, но и на нескольких знакомых. Вдруг слишком громко, слишком специфично или ещё чего.

<embed src=»http://music/файл.mp3″ hidden=»true» autostart=»true» loop=»true» volume=»10″ pluginspage=»http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab»>

  • src=»http://music/файл.mp3″ — указывает на URL мультимедиа файла;
  • pluginspage=»http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab» — указывает на URL плагина для проигрывания мультимедиа файла. Если в системе его нет, будет выдан запрос на подгрузку;
  • align=»left» — задает положение плейера в строке, относительно страницы, принимает значения LEFT, CЕNTER или RIGHT (в случае скрытого плейера бесполезен);
  • hidden=»true» — позволяет скрыть панель управления, принимает значения TRUE или FALSE;
  • autostart=»true» — автостарт проигрывания;
  • loop=»true» — зацикливание проигрывания;
  • height=»50″ — задает вертикальный размер, вставляемого объекта (в случае скрытого плейера бесполезен)
  • width=»400″ — задает горизонтальный размер, вставляемого объекта (в случае скрытого плейера бесполезен)
  • volume=»10″ — громкость проигрывания (возможный диапазон 1-100). В примере установлена невысокая громкость поскольку лучше пусть звучит тише, чем надо, чем громче. Вот мне обычно нравится именно такая громкость фона. Хотя вполне возможно, что в другом случае, кому-нибудь из вас, понадобится её увеличить;

Не указанные, но также возможные атрибуты тега EMBED:

  • bgcolor=»gray» при необходимости задает цвет фона объекта (если выделенное место больше плейера, часто не действует) (в случае скрытого плейера бесполезен);
  • wmode=»transparent» включает/выключаетпрозрачность для частей плейера, имеющих её. Может принимать значение TRANSPARENT, если прозрачность нужна или OPAQUE, если хотите использовать фон от автора (если не ставить этот атрибут — по умолчанию будет OPAQUE (непрозрачно) (в случае скрытого плейера бесполезен);
  • <embed…> <noembed>музыкальный проигрыватель</noembed> </embed> — позволяет задать текст, который появится на экране в любом случае, даже при отсутствии по какой-либо причине самого плейера (например, если ActiveX отключена). Не самый идеальный вариант альтернативного текста, но стандартный аргумент alt=»…» для EMBED.

2. Фоновая музыка с возможностью остановки и регулирования громкости посетителем, т.е. имеется видимая панель плейера. Более предпочтительный вариант, чем предыдущий, т.к. даёт посетителям возможность, при необходимость приглушить (или чем чёрт не шутит — сделать громче) либо вообще выключить, предложенную вами фоновую музыку. Только плейер нужно поставить так, чтобы его можно было легко обнаружить.

<embed src=»http://music/файл.mid» type=»audio/x-mpeg» align=»center» width=»400″
height=»50″ bgcolor=»#B8B8B8″ autostart=»true» loop=»true» volume=»10″
pluginspage=»http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab»>
<noembed><br><b><i>музыкальный проигрыватель</i></b></noembed></embed>

3. Просто плейер с ручным запуском проигрывания. От предыдущего варианта отличается только отсутствием автостарта, отсутствием зацикленного проигрывания и наличием рамочки:

<div align=»center» style=»border: 2px ridge; padding: 1px; background-color: #B8B8B8; width: 402px; height:52;»> <embed src=»http://music/файл.mid» autostart=»false» loop=»false» align=»center» width=»400″ bgcolor=»#B8B8B8″ volume=»10″ pluginspage=
«http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab»> <noembed><br><b><i>музыкальный проигрыватель</i>
</b></noembed> </embed></div>

ВАРИАНТ 3 Проигрывание при помощи HTML. Этот метод самый простой потребуется только указать путь к файлу музыки. Недостаток в том что не будет возможности регулировки громкости. Для установки фоновой музыки нужно добавить в код страницы следующий код:

<bgsound src=»ПОЛНЫЙ АДРЕС МУЗЫКИ»>

Музыку, для озвучивания сайта, надо хранить где-нить, где её можно получить по обычной ссылке и без каких-либо задержек. Можно попробовать на by.ru (несмотря на оговариваемое ограничение на размер файла на скачивание 1Mb, оно действует похоже только при попытке скачать через HTML интерфейс аккаунта на BY.ru или через некоторые качалки файлов.

Также, при использовании плейера на основе EMBED, обязательно имейте ввиду, что загрузка мелодии, в большинстве случаев, может начаться даже, если у плейера нет параметра автостарта (это соответствующий плагин браузера у посетителя может быть установлен). Поэтому, если выложить на страничке с десяток таких плейеров для прослушивания, то все они вполне могут начать тянуть свои мелодии одновременно и трафик у пользователя образуется огромный. Да и на возможном проигрывании мелодии, в одном из них, это скажется не самым лучшим образом. Поэтому, если вы хотите познакомить посетителя сразу с несколькими композициями — используйте только системный WIKI-плейер — это сохранит их трафик и возможно нервы.

Плюсы и минусы фоновой музыки на сайте.

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

2. также, как-бы это не было удивительно, не всё любят ту-же музыку, что и вы;

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

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

5. и, если не верите мне, почитайте, что думает на эту тему профессионал;

Правила установки музыки на сайт.

1. для фоновой музыки желательно подбирать что-нибудь в тему сайта, если это возможно. Если у сайта неподходящая для музыки тематика (софт, например), старайтесь использовать что-нибудь нейтральное (композиция в стиле death-metal будет явно не в тему, как-бы вам лично она не нравилась);

2. так-же лучше, чтобы это была музыка, а не песня. Постоянно повторяющаяся песня ОЧЕНЬ быстро начинает раздражать (исключением может быть, например, сайт посвящённый металлической музыке, но всё равно, желательно найти соответствующую минусовку);

3. поскольку для фоновой музыки невозможно регулировать громкость иначе как общим регулятором (а не все хотели-бы его трогать), желательно подбирать (или, соответственно, редактировать) композиции с невысокой громкостью. Помните — это ФОНОВАЯ музыка:

4. лучше ставить музыку в формате MIDI, чем MP3, она значительно меньше по размеру и соответственно будет быстрее грузится и меньше тратить трафик ваших посетителей. Если-уж найти подходящий MIDI не удалось, то по крайней мере используйте MP3 с достаточно низким битрейтом, что-бы владельцы модемов тоже могли услышать музыку, а не нечто, постоянно прерывающееся на подгрузку буфера.

MIDI — это мелодии в специальном формате, обычно они не содержат слов песни, их звучание напоминает звучание мелодий мобильных телефонов, электронных часов, или же музыкальных подарочных открыток. MIDI файлы не содержат звуковой информации, как например WAV, или MP3. Они содержат только набор команд, которые исполняются синтезатором, встроенным в звуковую карту. Естественно команды MIDI занимают гораздо меньший объем, чем звуковая информация, так, к примеру, MIDI файл длительностью 1 мин. может занимать от 10 до 30 КБ.

Заказать создание сайта >>
от SEOKlub
+- (Пока нет голосов)
Загрузка...
Автор: Никита Смирнов
Статьи по теме:
Читайте нас:
Яндекс.Метрика
SEOklub.ru © 2009 - 2016. Копирование материалов без активной ссылки на сайт запрещено.
Задать вопрос
Позвонить вам
Предложить тему статьи
Заказать услугу
Заказать сайт
Заказать услугу