Пятница, 19.04.2024
Мой сайт
Меню сайта
Мини-чат
Наш опрос
Оцените мой сайт
Всего ответов: 93
Главная » 2008 » Март » 20 » как вставить на сайт музыку
как вставить на сайт музыку
20:55
Проигрыватели сделаны с использованием технологии вставки объекта в код страницы, если их не видно, то
включите поддержку ActiveX в IE и браузерах на его основе.

Лирическое отступление N1:
1. помните, далеко не все любят слушать музыку, занимаясь иНет-сёрфингом. Может у них уже что-то играет (и тут на фоне любимой композиции начинает что-
то пиликать), а может просто любят тишину;
2. также, как-бы это не было удивительно, не всё любят ту-же музыку, что и вы;
3. возможно, не у всех посетителей будут разрешены в браузере соответствующие опции. Соответственно, не все услышат, установленныю вами музыку или
увидят панель плейера;
4. при переходе со страницы на страницу (перезагрузке страницы) воспроизведение прерывается и начинается с начала (обойти подобное в системе
Mylivepage (далее MLP) невозможно), что не есть гут (если, конечно, так и не было задумано с самого начала - для каждой страницы своя мелодия);
5. и, если не верите мне, почитайте, что думает на эту тему профессионал;

Лирическое отступление N2. Если-уж вы всё-же решили 'осчастливить' посетителей своего сайта музыкой, то помните, что:
1. для фоновой музыки желательно подбирать что-нибудь в тему сайта, если это возможно. Если у сайта неподходящая для музыки тематика (софт, например),
 старайтесь использовать что-нибудь нейтральное (композиция в стиле death-metal будет явно не в тему, как-бы вам лично она не нравилась);
2. так-же лучше, чтобы это была музыка, а не песня. Постоянно повторяющаяся песня ОЧЕНЬ быстро начинает раздражать (исключением может быть,
например, сайт посвящённый металлической музыке, но всё равно, желательно найти соответствующую минусовку);
3. поскольку для фоновой музыки невозможно регулировать громкость иначе как общим регулятором (а не все хотели-бы его трогать), желательно подбирать
(или, соответственно, редактировать) композиции с невысокой громкостью. Помните - это ФОНОВАЯ музыка:
4. лучше ставить музыку в формате MIDI, чем MP3, она значительно меньше по размеру и соответственно будет быстрее грузится и меньше тратить трафик
ваших посетителей. Если-уж найти подходящий MIDI не удалось, то по крайней мере используйте MP3 с достаточно низким битрейтом, что-бы владельцы
модемов тоже могли услышать музыку, а не нечто, постоянно прерывающееся на подгрузку буфера. MIDI - это мелодии в специальном формате, обычно они не
содержат слов песни, их звучание напоминает звучание мелодий мобильных телефонов, электронных часов, или же музыкальных подарочных открыток. MIDI
файлы не содержат звуковой информации, как например WAV, или MP3. Они содержат только набор команд, которые исполняются синтезатором, встроенным в
звуковую карту. Естественно команды MIDI занимают гораздо меньший объем, чем звуковая информация, так, к примеру, MIDI файл длительностью 1 мин.
может занимать от 10 до 30 КБ. Музыку в формате MIDI лучше всего скачать на коллекциях MIDI файлов, таких, как:
midi.ru
midi.ovl.ru
karaoke.ru



Вариант 1 - Использование для проигрывания музыки штатных средств, предоставляемых системой MLP. Первым недостатком этих системных
проигрывателей служит то, что поскольку они обладают только ручным стартом то, соответственно, не могут быть использованы для создания фоновой музыки
на сайте. Вторым, небольшим недостатком является то, что они умеют проигрывать музыку только в формате MP3. Зато их несомненным достоинством является,
 во-первых простота использования, а во-вторых только так бесплатный (непривилегированный) пользователь может дать возможность прослушать
посетителям музыку, выложенную им на своём сайте. Исходя из этого, возможным применением этих тегов может быть, во-первых, выкладывание на ваших
страничках/блогах/форумах музыки для прослушивания OnLine, без скачивания и во-вторых, создание возможности предварительного прослушивания,
выкладываемой в файловый архив музыки, с низким битрейтом (для посетителей с узкими интернет-каналами). Последнее, естественно, требует наличия в
файловом архиве каждой композиции в двух экземплярах - оригинала и LowQuality-превьюхи с низким битрейтом (лучше 56-64кбт) и, возможно, укороченного
размера (где-то минута-полторы):
1. Микро-плейер (только кнопка START/STOP) /достоинство - нажатие на STOP сразу прерывает подкачку ещё недоподгруженной мелодии, недостаток -
нажатие на STOP и затем снова на PLAY, при недогруженной мелодии, начинает загрузку её из интернета СНАЧАЛА. Только полностью загруженная мелодия
играется из кеша браузера./:
[[MP3Button:файл.mp3]]

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

[[MP3Slim:файл.mp3]]
Кстати, вариант мелодии в этом плейере для примера сделан с гораздо более низкими параметрами кодировки - 44.1kHz/56kBt/mono, в отличие от
предыдущего (44.1kHz/192kBt/stereo)и, по-моему, вполне годится для предварительного прослушивания, да и пользователи нешироких каналов будут не
очень обделены. И размер в 5 раз меньше.

Затем, если музыка находится за пределами вашего сайта, то вместо просто имени файла нужно подставлять его ПОЛНЫЙ АДРЕС (иногда почему-то
срабатывает не всегда, так что обязательно проверяйте - будет-ли для того сайта, на котором вы выложили музыку, работать воспроизведение через WIKI-
проигрыватели):
  - РАБОТАЕТ
  - НЕ РАБОТАЕТ, например для BY.RU
[[MP3Slim:http://mp3.alkar.net/prev/412767/preview.mp3]]
Вставка в проигрыватель музыки с других сайтов внутри MLP (с платных, естественно, с бесплатных не получится) - НЕ ПРИВЕТСТВУЕТСЯ !!!
ВНИМАНИЕ эти системные плейеры НЕВОЗМОЖНО встроить в шаблон сайта, как и любые другие WIKI-теги. Они просто превратятся в банальный текст.


Вариант 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>

Ну и поскольку на сервисе MLP скачивание файлов происходит с 30-сек задержкой (у бесплатников, естественно, но таких большинство), то музыку, для
озвучивания сайта, надо хранить где-нить в другом месте, где её можно получить по обычной ссылке и без каких-либо задержек. Можно попробовать на by.ru
(несмотря на оговариваемое ограничение на размер файла на скачивание 1Mb, оно действует похоже только при попытке скачать через HTML интерфейс
аккаунта на BY.ru или через некоторые (некоторые, не все) качалки файлов. При внедрении ссылок, на эти файлы, через <EMBED src="..." у меня нормально
скачивались файлы размером более 1 мегабайта. И через <A href="...", к слову, тоже) или на www.newmail.ru (дают 32 Мб), или в каком другом месте, в
общем ищите...


Также, при использовании плейера на основе EMBED, ОБЯЗАТЕЛЬНО имейте ввиду, что загрузка мелодии, в большинстве случаев, может начаться даже, если
 у плейера нет параметра автостарта (это соответствующий плагин браузера у посетителя старается). Поэтому, если выложить на страничке с десяток таких
плейеров для прослушивания, то все они вполне могут начать тянуть свои мелодии одновременно и трафик у пользователя образуется ОЙ-ОЙ. Да и на
возможном проигрывании мелодии, в одном из них, это скажется не самым лучшим образом. Поэтому, если вы хотите познакомить посетителя сразу с
несколькими композициями - используйте только системный WIKI-плейер - это сохранит их трафик и возможно нервы:


  - прослушать композицию Funker Vogt_-_Navigator -[13]- Vorwarts!
  - прослушать композицию Funker Vogt_-_Navigator -[13]- Vorwarts! в LQ-превью качестве (44.1kHz/56kBt/mono)
  - прослушать композицию ...
[[MP3Button:файл1.mp3]]<span style="position: relative; bottom: 0.3em">&nbsp; - прослушать композицию <b>Funker Vogt_-_Navigator -[13]- Vorwarts!</b></span><br>
[[MP3Button:файл2.mp3]]<span style="position: relative; bottom: 0.3em">&nbsp; - прослушать композицию <b>Funker Vogt_-_Navigator -[13]- Vorwarts!</b> в LQ-превью качестве (44.1kHz/56kBt/mono)</span><br>
[[MP3Button:файл3.mp3]]<span style="position: relative; bottom: 0.3em">&nbsp; - прослушать композицию <b>...</b></span><br>


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

  Epica, избранное из альбома Consign to Oblivion:

 Hunab K'u  прослушать 1МИН LQ-превью (56kбит/mono) скачать  
 Dance of Fate  прослушать 1МИН LQ-превью (56kбит/mono) скачать  
 The Last Crusade  прослушать 1МИН LQ-превью (56kбит/mono) скачать  
 Solitary Ground  прослушать 1МИН LQ-превью (56kбит/mono) скачать  
 Blank Infinity  прослушать 1МИН LQ-превью (56kбит/mono) скачать  
 Quietus  прослушать 1МИН LQ-превью (56kбит/mono) скачать  
 Mother of Light  прослушать 1МИН LQ-превью (56kбит/mono) скачать  
 Trois Vierges  прослушать 1МИН LQ-превью (56kбит/mono) скачать  
 Another Me 'In Lack'ech'  прослушать 1МИН LQ-превью (56kбит/mono) скачать  
 Consign to Oblivion  прослушать 1МИН LQ-превью (56kбит/mono) скачать  


Код примера (если кому вдруг интересно) /такая насыщенность стилями обусловлена желанием всё аккуратненько выровнять в строке/:

<span style="color: #0049C4"><font face="Times New Roman" size="4"><b><i>  НАЗВАНИЕ_ГРУППЫ</i></b></font>, избранное из альбома <font face="Times New Roman" size="4"><b><i>НАЗВАНИЕ_АЛЬБОМА</i></b></font>:</span>
<TABLE style="background-color: #FAFAFA;" cellspacing="0" cellpadding="0" border="1" width="100%">

 <TR> <!-- начало первой строки таблицы -->
 <TD>
 <TABLE cellspacing="0" cellpadding="0" border="0" width="100%">
 <TR style="line-height: 70%;">
 <TD><span style="position: relative; top: 0.1em;"><b>&nbsp;НАЗВАНИЕ_КОМПОЗИЦИИ</b></span></TD>
 <TD width="270px" align="left"><span style="position: relative; top: 0.2em;">ИМЯ_ФАЙЛА_LQ-ПРЕВЬЮ</span><span style="position: relative; bottom: 0.3em; font: bold 0.8em sans-serif;"> прослушать 1МИН LQ-превью (<i>56kбит/mono</i>)</span></TD>
 <TD width="80px" align="right"><span style="position: relative; bottom: 0.2em; font: bold 0.8em sans-serif;">скачать <a href="http:))АДРЕС_ОРИГИНАЛЬНОГО_ФАЙЛА_MP3"><img style="position: relative; top: 0.3em;" src="http://image009.mylivepage.com/chunk9/4969/27/icon_disk_02.gif" title="скачать этот файл" border="0"></a>&nbsp;</span></TD>
 </TR>
 </TABLE>
 </TD>
 </TR> <!-- конец первой строки таблицы -->
 ... повторить столько раз, сколько нужно ...
</TABLE>
  • НАЗВАНИЕ_ГРУППЫ - ну это понятно;
  • НАЗВАНИЕ_АЛЬБОМА - это тоже;
  • НАЗВАНИЕ_КОМПОЗИЦИИ - название, представляемой в строчке, композиции данной группы;
  • ИМЯ_ФАЙЛА_LQ-ПРЕВЬЮ - имя файла с низким качеством для прослушивания, закачанного на этот-же сайт (где и страница расположена);
  • http:))АДРЕС_ОРИГИНАЛЬНОГО_ФАЙЛА_MP3 - адрес музыкального файла для скачивания (в любом месте инета);


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



Код для вставки в описание (разумеется надо редактировать под каждый файл индивидуально):
<p style="margin: 2px 0; text-indent:0;">[[MP3Button:ИМЯ_ФАЙЛА_LQ-ПРЕВЬЮ]]&nbsp;<span style="position: relative; bottom: 0.5em; font: bold 0.8em sans-serif;">- прослушать 1МИН LQ-превью (<i>56kбит/mono</i>)</span></p>
  • ИМЯ_ФАЙЛА_LQ-ПРЕВЬЮ - имя файла с низким качеством, закачанного на сайт (в моём случае Epica_-_Consign_to_Oblivion_-_01_-_Hunab_K_u_LQ.mp3).
Просмотров: 35764 | Добавил: paleno | Рейтинг: 5.0/4 |
Всего комментариев: 6
6 DelbertPyday  
0
Hi,

New club music, private server MP3/FLAC, Label, LIVESETS, Music Videos https://0daymusic.org
Available only on our secure FTP server.

0daymusic Team

5 girls  
0
я вот добавил плеером на http://japangirls.info/

4 авп  
0
www.tonyrap.org.ua Заходи к нам)

3 даня  
0
хе нечево не понял

2 Валерий  
0
Нижнюю таблицу по центру сделай. Наш сайт:http://progr-filmi.narod.ru/index.html

1 Andy  
0
Нихерассе замутил... Вставляем в код странице следующее: <bgsound src="ПОЛНЫЙ АДРЕС ЗВУКА"> И звук будет воспроизводится САМ, БЕЗ ActiveX вопросов и т.п. Но тут я согласен с текстом звук должен быть КОРОТКИМ и ненавязчивым. (+весить не больше 300-400кб.)

Имя *:
Email *:
Код *:
Форма входа
Календарь новостей
«  Март 2008  »
ПнВтСрЧтПтСбВс
     12
3456789
10111213141516
17181920212223
24252627282930
31
Поиск
Друзья сайта
Copyright MyCorp © 2024