Музыка на страницах собственного сайта

Павел Живайкин
www.musicinform.narod.ru
paulzhiv@mtu-net.ru;
тел.: (095) 324-0704

Итак, у вас есть сайт (домашняя страничка) в Интернете, с одной стороны, и масса замечательной музыки, которой хочется поделиться с народом, с другой.
 Чаще всего для этой цели на страничке просто размещают ссылку на файл с музыкой (MIDI, MP3 или другого формата). Если щелкнуть по ней (не по музыке – по ссылке) левой кнопкой мыши, запустится соответствующий плейер (если ваша операционная система способна распознать формат этого файла). Если щелкнуть правой кнопкой, из появившегося контекстно-зависимого меню можно выбрать, например, пункт “Сохранить...”.
Но такой тип ссылок делать целесообразно, когда посетитель вашей страницы уверен, что именно этот файл ему и нужен. А если эту замечательную музыку он еще не слышал, то вполне может пройти дальше, не желая рисковать своим временем в Сети для скачивания “кота в мешке” (кстати, подходящее название для дебютного альбома).
Существует немало мнений, как и в каком формате размещать музыку на сайте. Но мы не веб-дизайнеры, а музыканты, поэтому дискутировать на эту тему не будем, а рассмотрим один из вариантов на конкретном примере.

Ставим цели

1. Мы хотим разместить на веб-страничке несколько музыкальных файлов, чтобы каждый желающий мог их послушать и скопировать себе на хард-диск.
2. Желательно, чтобы можно было прослушать каждый файл еще до скачивания его на хард-диск.
3. Желательно, чтобы можно было прослушать до скачивания самый яркий фрагмент каждого файла (это для пользователей с “медленным” модем-соединением).
4. Желательно охватить как можно больше людей – значит, нужно рассчитывать на различные типы музыкальных форматов (вы же не знаете, с каким медиа-плейером работает браузер пришедшего к вам посетителя).
5. Желательно, чтобы этот посетитель не ломал три часа голову, где что лежит, на что нажимать, и как оно работает.
6. Желательно, чтобы во время проигрывания вашего файла плейер посетителя показывал название песни, автора, копирайт – все, на что данный плейер способен.
7. Желательно в квадрате – сделать это с минимальными хлопотами.

Исходный материал

Чтобы приступить к работе, нужны четыре составляющие:
• файлы с музыкой в формате WAV;
• уже готовый сайт в Интернете;
• кое-какое программное обеспечение (об этом далее);
• желание поместить первое на второе.
В качестве первого элемента я выбрал свою старую работу “Мажоро-минорные инверсии. Классика-1”. Сначала я хотел показать описанную ниже процедуру не на конкретном, а на абстрактном примере, но всякий раз все запутывалось и разваливалось на каком-нибудь этапе. Зато когда рассказываешь о реальной работе, можешь быть уверен, что ничего не пропущено и все действия в самом деле необходимы.
В качестве второго элемента был выбран сайт musicinform.narod.ru. Конечно, можно было попробовать поместить пару-тройку мотивов куда-нибудь вроде ultra-super-mega-maximum-hit-plus.ru (если такого сайта еще нет, считайте, что я забил это скромное имечко за собой), но мы же договаривались, что речь идет о своем собственном сайте.
В качестве третьего элемента были выбраны (но я не настаиваю) программы Sound Forge и Batch Converter (обе от Sonic Foundry).
Чтобы статья не растянулась на двести страниц, я не буду давать подробные пояснения по поводу каждого телодвижения. Вы можете повторить все перечисленные ниже действия самостоятельно, подставляя только свои собственные имена, фамилии (и отчества) файлов, папок и дисков.

Создаем папку с файлами

Выберем в качестве исходного диск С, а папку назовем maj-min. Теперь наполним ее музыкой в виде файлов формата WAV (рис. 1). Имена файлов должны состоять только из строчных букв (включая расширение). Некоторые плейеры в качестве названия песни показывают имя файла. Поэтому, когда дело не связано с Интернетом, лучше давать файлам длинные имена с пробелами и заглавными буквами. Здесь другое дело, и заранее неизвестно, какая операционная система с какой кодировкой и на какой платформе стоит у посетителя вашего сайта. По этой же причине не следует использовать кириллицу. Вы же не хотите, чтобы какой-нибудь клиент с иной кодировкой, увидев тарабарщину вместо имени файла, решил, что перед ним арабский фольклор.

Готовим пояснительную   текстовую информацию   для каждого файла

 Это необходимо только в том случае, если вы желаете, чтобы файл не выглядел сиротой. Разные форматы аудиофайлов поддерживают разные поля данных (название, исполнитель, альбом и т.д.). Кроме того, одни плейеры умеют читать одно, а другие – другое, так что лучше действовать наверняка и вводить массу избыточной информации. Поэтому сами решайте – тратить время на вписывание такой информации в аудиофайл или нет. А мы все-таки посвятим этому несколько абзацев.
В каком-нибудь текстовом редакторе (не удивлюсь, если это окажется Word) заготавливаем текстовую же информацию об альбоме. Поскольку в дальнейшем мы будем использовать программу Sound Forge, эту информацию удобно представить в виде таблицы (таблица 1) для каждого файла.
  Если вы готовите песни из одного альбома, то данные ISRC  Source будут одинаковыми для всех файлов. В нашем же случае будут совпадать и другие данные – Copyright, Artist и т. д. Тогда имеет смысл сделать всего две таблицы: одну – с общими значениями для всех файлов, а другую – с отличающимися для каждого файла (таблица 2 и таблица 3).

Чуть-чуть о музыке

Как можно увидеть в таблицах, в нашем случае названия композиций (Title) состоят из нескольких компонентов: текстовый логотип альбома (Maj/Min), композитор (например, Beethoven) и название пьесы (“Moonlight Sonata”). Тогда плейеры, которые умеют показывать только название, дадут достаточный объем информации, чтобы слушатель мог понять, что он слушает.
Логотип альбома здесь необходим, чтобы показать, что речь идет не об оригинальной пьесе Бетховена, а о ее своеобразной трактовке. Идея данного альбома состоит в том, что все мажорные тональности (за исключением доминанты – она ведь общая для мажора и минора) были превращены в минорные, а минорные – в мажорные. Все остальное – голосоведение, форма, инструментовка (если это оркестровая музыка) – оставлено без изменений (сравните рис. 2 и рис. 3).
С простыми произведениями (менуэтами, польками) работы было немного, как и с джазовым альбомом. Но для крупных сонатно-симфонических форм, насыщенных побочными темами и сложными гармоническими разработками, пришлось проводить целые исследования и серии экспериментов: получится ли прийти к нужному завершающему аккорду после массы захватывающих модуляций?

Вносим текстовую  информацию в аудиофайлы

Вносить в WAV-файлы подготовленные данные будем с помощью программы Sound Forge. Для этого открываем первый файл и выбираем пункты меню File-Properties (Рис. 4),  а в открывшемся окне выбираем вкладку Summary (Рис.5).
А теперь обычным путем (в таблице 1 выделяем текст нужной ячейки и Ctrl+C, затем на вкладке Summary щелкаем по соответствующему полю и Ctrl+V) переносим все подготовленные данные в открытый файл. Если имеется информация, вносимая в раздел Extended, щелкаем по одноименной кнопке справа вверху.
Когда все данные внесены, закрываем (ОК) окно и сохраняем файл. После этого закрываем его и открываем следующий – пока они все не закончатся.

Вносим текстовую информацию ускоренным способом

           Когда приходится работать с большим количеством файлов, так и хочется передать однообразный процесс копирования и вставки кому-нибудь, кто подвернется под руку. Сегодня под руку подвернулась программа Batch Converter – незаменимый помощник при выполнении однотипных операций с аудиофайлами.
После запуска программы нажмите на кнопку Add Media (вверху слева). Программа переключится на вкладку Files to Convert, и откроется окно Add Media. Находим в этом окне папку maj-min (она была у нас на диске С, если помните) и открываем ее (рис. 6).
Теперь необходимо выделить нужные файлы (а если все, то выделяем первый, нажимаем на Shift и выделяем последний) и нажать на кнопку “Открыть”. В результате программа покажет список всех выбранных файлов с их характеристиками: длина, размер, число каналов и т. д. (рис. 7). Какие именно характеристики будут показаны, можно уточнить в к онтекстно-зависимом меню, если щелкнуть правой кнопкой мыши по свободному месту внутри окна.
Открываем вкладку Script (кнопка слева внизу, рис. 8). Сначала производим установки в секции Output Files Settings.
File Folder: Same as source file (новые файлы окажутся в той же папке, что и исходные).
File Names: Same as source file (все изменения сохранятся в файлах под теми же именами).
File Format: Same as source file (формат файлов меняться не будет).
Затем произведем настройку секции Metadata.
Title/Song – оставим без изменений (зачем двадцати песням присваивать одинаковое название?).
В остальные поля этой секции вносим требуемые данные (см. рис. 8).
После завершения настройки этих секций нажимаем на кнопку Convert Files (вверху в центре). Через некоторое время все указанные данные будут внесены в выбранные нами файлы. Теперь остается только внести информацию в ячейки Title и Subject (к сожалению, для этого придется открывать каждый файл отдельно).
Программу Batch Converter закрывать не будем – еще пригодится. Кстати, можно было заодно провести над файлами и еще ряд операций (нормализацию, эквалайзинг и т. д.). Для этого нужно было щелкнуть по кнопке Edit Plug-In Chain (справа вверху), впрочем, об этом в другой раз.

Устанавливаем параметры   для конвертирования файлов

Вообще-то конвертировать можно прямо из программы Sound Forge. Для этого необходимо сохранить файл в другом формате – шаблоны этих форматов можно выбрать в ячейках “Тип файла” и Template окна “Сохранение” (рис. 9).
Но поскольку нам нужно отконвертировать сразу много файлов, вернемся в Batch Converter.
Делаем новые установки в секции Output Files Settings (рис. 10).
File Folder: Same as source file (полученные сконвертированные файлы окажутся в той же папке, что и исходные).
File Names: Same as source file (имя файла до расширения не изменится, а расширение будет соответствовать новому формату).
File Format: Convert to (а вот теперь изменим формат файлов).
Для начала сконвертируем все файлы в формат WMA и в ячейке Format выберем значение Windows Media Audio V8. Теперь нужно выбрать шаблон для этого формата. Внутри каждого формата (но только внутри формата) работает железное правило: чем выше качество, тем больше размер файла. В нашем случае качество не играет важной роли: смысл альбома не в “саунде”, а в самой идее мажоро-минорной инверсии. Поэтому в ячейке Template выбираем значение 56 kbps Stereo. Ниже появились и атрибуты шаблона – 32 kbps, 22 KHz, Stereo (рис. 10).
Существует возможность подредактировать выбранный шаблон – для этого нужно нажать на кнопку Custom. В открывшемся окне Custom Settings (рис. 11) выберем новое значение для параметра Attributes – 20 kbps, 22 kHz, stereo (и тем самым еще уменьшим размер конвертированных файлов). Напечатаем эти значения в окне Template и нажмем на кнопку с дискеткой. Этот набор атрибутов будет сохранен как новый шаблон, и в следующий раз его можно вызывать, уже не открывая окно Custom Settings.
Вы могли заметить, что, как только мы выбрали формат WMA, поля данных в секции Metadata изменились. Это означает, что этот формат имеет другой набор текстовых данных. Те поля, что были заполнены нами ранее, изменять не будем, поэтому уберем против них галочки, а в ячейку Web Address впишем соответствующее значение (рис. 12).

Кон-вер-ти-ру-ем!

Теперь вновь откроем вкладку Files to Convert. Если она пуста, заполните ее так, как это было описано в разделе “Вносим текстовую информацию ускоренным способом”. Если там сохранился старый список (помните, мы вносили текстовые данные?), вы увидите в колонке Status значение Complete напротив каждого файла. Для проведения новой операции (конвертирования в формат WMA) необходимо это поле очистить. Для этого щелкните внутри окна правой кнопкой мыши и в появившемся контекстно-зависимом меню выберите пункт Reset All Files.
А теперь (убедившись, что все установки на вкладке Script и все файлы на вкладке Files to Convert выбраны правильно) нажимаем на кнопку Convert Files. Через некоторое время в папке maj-min появятся 22 новых файла – из 392 Мб формата WAV получились 5.75 Мб формата WMA. Состояние всех настроек вкладки Script можно запомнить (чтобы потом вызвать для другой порции файлов), выбрав в меню File пункт Save Script As...

Конвертируем снова и снова  – пока конверты не кончатся

Не отходя от кассы, вновь очищаем колонку Status при помощи правой мыши и функции Reset All Files.
А на вкладке Script в секции Output Files Settings выбираем новое значение в окне Format – RealMedia (RM). В окне Template выбираем шаблон 64 Kbps Audio (напоминаю, что в данном случае нам важнее не качество звучания, а размер файла) и нажимаем на кнопку Custom. Для формата RM окно Custom Settings будет иметь другой вид, и в его секции Target audience выбираем параметр 28K modem (чтобы не отсечь пользователей со старыми модемами).
Секция Metadata снова изменит свой вид, но мы оставим ее пустой, потому что элементы Title, Artist и Copyright успешно перенесутся из наших WAV-файлов в полученные RM, а Comments по непонятной причине все равно будут проигнорированы (как любят говорить полицейские начальники в американских фильмах, No comments!).
Новый набор параметров можно сохранить (Save Script As...), а можно сразу включить процесс конвертирования кнопкой Convert Files. Через некоторое время в папке maj-min появятся 22 новых файла с расширением RM.
Для того, чтобы получить файлы формата МР3, всю вышеописанную процедуру проделываем еще раз, только в окне Format выбираем значение МР3 Audio, а в окне Template – 64 Kbps, FM Radio Quality Audio. Затем мы в очередной раз прижмем качество, вызвав окно Custom Settings (рис. 13). Там в окне Bitrate выберем значение 40 KBits/sec – 22 050 Hz, а в окнах Template и Description напечатаем показанную на рисунке информацию. Слайдер Quality сдвигаем в самое правое положение: пересчет файлов будет помедленнее, размер – тот же, а качество – повыше. Напечатав вверху новое название и щелкнув по значку с дискетой курсором, сохраним новый шаблон.
Завершив установку параметров и очистив колонку Status на вкладке Files to Convert, щелкаем по кнопке Convert Files и начинаем очередную процедуру конвертирования. Она завершится появлением в папке maj-min новых 22 файлов формата МР3. И опять же сохраним набор установок кнопкой Save Script As...
Теперь в программе Sound Forge следует вырезать из каждого WAV-файла небольшой, но наиболее интересный фрагмент и сохранить его под прежним именем, но с добавкой, скажем, слова demo (например, maj-min-moon-sonata-demo.wav). Полученные 22 новых файла снова конвертируем в те же форматы, загружая по очереди сохраненные ранее скрипты.
Полученные в результате всех действий 22+22+22 полные и 22+22+22 демо-композиции отправляем на сайт, оставшиеся 44 WAV-файла сохраняем “на память”.

Кодируем текст HTML-страницы

В качестве примера создадим страницу, на которой будут располагаться все файлы, относящиеся к выбранной композиции (рис. 14).
В таблице 4 дан фрагмент кода этой страницы, относящийся к нашей теме, и пояснения.
И в конце поиграем в старинную народную игру под названием FAQ.
Почему на рис. 14 плейеры оказались разными?
Потому что браузер пользователя сконфигурирован так, что с форматом WMA по умолчанию работает Windows Media Player, а с форматами RM и МР3 – RealOnePlayer. У другого посетителя сайта эта же страница может выглядеть по-другому.
Можно ли дать другие размеры плейерам?
Можно, главное, чтобы посетитель мог найти на них кнопки “Воспроизведение” и “Стоп”.
Какую информацию о композиции будет показывать плейер?
Ту, для которой его настроили показывать (если, конечно, она имеется в файле). Во всяком случае, всегда можно щелкнуть по плейеру правой кнопкой мыши и в контекстно-зависимом меню выбрать пункт “Свойства”. Появится соответствующее окно, вид которого будет зависеть от формата файла (пример для WMA на рис. 15).
Обязательно ли все плейеры сажать на одну страницу?
Во-первых, необязательно. На приведенной в качестве примера странице это было сделано для того, чтобы посетитель мог попробовать запустить файлы разных форматов и размеров и сравнить, как они будут проигрываться (на скорость и качество будут влиять все компоненты системы – модемное соединение, операционка, браузер, плейеры).
Во-вторых, на странице размещены не плейеры (сами плейеры находятся на хард-диске посетителя), а инструкции для браузера: как, с какими параметрами запускать эти плейеры.
Что делать, если Batch Converter вносит информацию не во все поля формата?
Главные-то данные он вносит (название, автора, копирайт). А остальную информацию внесите вручную – это может сделать тот же RealOne Player, существуют различные тэг-редакторы и для МР3-файлов.
Какие параметры выбирать для сжатия файлов?
Для каждого формата Batch Converter предлагает множество шаблонов. Начните с того, который дает максимальное качество (но и самый большой размер файла). Затем попробуйте шаблон похуже, потом еще хуже (не жалейте времени на эксперименты – в Интернете-то ваша музыка будет лежать круглосуточно и вечно). Как только сочтете, что качество стало неприемлемым, прослушайте предыдущий вариант – возможно, он и есть оптимальный. Слушайте все треки альбома, может случиться так, что девятнадцать песен будут слушаться хорошо, а двадцатая – отвратительно. Сконвертируйте ее отдельно с более качественным шаблоном.
Надеюсь, после этой статьи музыки в Интернете прибавится – ведь чтобы ее опубликовать, не нужны ни продюсерские центры, ни записывающие лэйблы, ни промоушенские компании. Пусть только музыка будет хорошей!
Благодарю Евгения Шахновского и компанию Art Technology за поддержку Музыкальной студии “Форте” Творческого центра “Москворечье”.