Аудио и видео вещание с web-интерфейса

Наверняка многие встречали сайты, на которых вещание реализовано через web-интерфейс, что позволяет прослушивать трансляцию без использования плеера. По сути, во многих случаях это довольно удобно, да и добавляет универсальность и привлекательность сайту.
Реализуется это дело через компоненты ActiveX стандартного Windows Media Player-а.

Состряпать подобное у себя на сайте или страничке - дело нескольких минут...
Для преодолления первых шагов и наглядности результата, для начала - воспроизведем парочку mp3 файлов, прямо с ресурса web страницы.
Закачиваем пару файлов на сайт или просто локально на свой компьютер в какой нибудь каталог и создаем примитивную html страничку. Аудиофайлы для теста пусть имеют названия test.mp3 и test1.mp3
Если трансляция тестируется локально, то битрейт может быть любым, а если с сайта в инете, то файлы лучше конвертнуть в более низкий битрейт.
В страничку, в любом удобном месте, вставляем скриптик вот такого содержания:

По сути, данный .asx является своеобразным плей-листом, который ставит в очередь на воспроизведение, прописанные в нем файлы (которых может быть какое угодно количество).
В нашем случае это два тестовых файлика.
Попутно в этот файл можно воткнуть название ресурса, копирайты и так далее, но пока этого не трогаем.
Кстати, если эти поля оставить пустыми, то в строке состояния плеера, поочередно будут отображаться битрейт, исполнитель и название трека, которые извлекутся из ID тегов mp3 файла.

Грузим в браузер созданную html страничку и лицезреем симпатичный маленький плеер.
Если вдруг, у Вас выскочит системное окно с предложением скачать апдейт компонента ActiveX, то лучше залогиниться в инет и сделать это. Просто это означает, что в Вашей операционной системе, данный компонент отсутствует и без него скрипт работать не будет. Апдейт небольшой и обновить/добавить его в систему, не займет много времени даже на диалапе.
Если же все в норме, то web-плеер сразу начнет воспроизведение.

Можете посмотреть наглядный пример вышеприведенного скрипта на нашем сайте ниже...
В моем случае, файл воспроизводится с исходным битрейтом (test.mp3 умял в 20kbs 11025Hz Stereo), поэтому буферизация довольно продолжительная, второй файл речевой на 16kbs, так что проблем не должно возникнуть при прослушивании даже на диалапе.
Обратите внимание, что в плеере можно перейти на следующий трек (при желании эту опцию можно отключить, но об этом позже).
Если Ваша операционная система не имеет необхомого кодека для воспроизведения, то компонент автоматом загрузит его и предложит установить. Сделайте это и сможете прослушать аудио образцы.

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

Работает?
Если да, то все просто замечательно!
Если же нет, то значит у Вас в браузере отключена работа ActiveX компонентов или Ваша операционная система не Windows, либо доступ в Интернет осуществляется через прокси...
Обязательно протестируйте все это у себя локально. Должно работать на 100%.
И едем дальше!

Теперь привяжем воспроизведение этого плеера к SHOUTcast серверу.
Делается это так же элементарно, небольшим изменением .asx файла (в нашем случае test.asx):

Строка mms:// должна содержать Ваш IP (или вещающего хоста) и номер порта, с которого идет вещание.
Приставку mms:// можно заменить на http:// но корректнее оставить первый вариант.

В заголовки TITLE, AUTOR и COPYRIGHT можно вписать, что угодно по Вашему желанию, либо вообще оставить пустыми...

Так же без проблем, по аналогичной схеме, можно запитать видеовещание (потоковое, либо воспроизведение локальных видеофайлов с расширением .wmv и .asf).
В качестве наглядного примера, можете посмотреть прикольный мульт с нашего сайта.

Для просмотра, нажмите кнопку "пуск" в плеере.
Регулятором громкости, выставьте желаемую громкость звука.
Обратите внимание, клик правой кнопой мыши по экрану плеера, дает возможность поиграться с опциями,
например развернуть изображение во весь экран и так далее...
(в нашем варианте, полноэкранный просмотр не столь эффектен, так как разрешение самого мультика невелико).

В завершение, хочу отметить некоторые параметры плеера, которые можете в скрипте (вставляемом в html страницу), изменить на свое усмотрение.
Значения могут быть 0 или 1 (ноль - параметр отключен, единица - включен).

Так же можно добавить дополнительное значение AutoPlay VALUE= - "единица" будет автостартовать плеер при загрузке, а "ноль" загружать проигрыватель в режиме остановки воспроизведения и слушателю потребуется запустить прослушивание вручную, нажав кнопку "пуск" в плеере.

Если возникли проблемы или вопросы, не стесняясь спрашивайте в нашем дружном форуме>>
Сообща - решим и подскажем.
Так же приветствуются любые коррективы и доплонения к данной статье.