Организация потокового видео при помощи ffserver
Показать видео на сайте довольно просто. Простейший вариант это выложить на сервер avi, mp4 или flv файл и придумать как этот файл будет воспроизводиться на стороне клиента.
Самым универсальным способом является использование Adobe Flash всилу того, что это технология доступна практически на всех широко распространенных платформах. Можно воспользоваться либо одним из доступных плееров либо сделать свой - благо это можно сделать парой щелчков мыши... Ну или чуть больше чем парой щелчков...
Однако, при таком способе, каждый раз при загрузке страницы видео будет запускаться с самого начала, а иногда бывает необходимо организовать подобие прямой трансляции в реальном времени. Например, сделать вывод видео с вебкамеры или вывести вебкаст в определенное время. В этом случае, сервер должен выдавать пользователю не файл но видео поток в реальном времени. В большинстве случаев, это конечно, тоже оказывается файл, вот только начинается этот файл с того момента с которого его начал смотреть пользователь.
Обычный веб сервер, например Apache, для вывода потокового видео не годится. Требуется специальный потоковый сервер. Существует большой выбор как платных так и бесплатных потоковых серверов.
Для того чтобы организовать вывод видео в реальном времени можно воспользоваться утилитой ffserver который устанавливается всместе с ffmpeg. Программка довольно простая в использовании, хотя у меня сложилось впечатление, что довольно капризная и нестабильная. Для серьезных задач ее использовать довольно затруднительно а для простых - когда нужно вывести часовой ролик раз в день вполне подойдет.
Настройка сервера довольно проста. Конфигурационный файл должен быть сохранен как /etc/ffserver.conf. В процессе установки командой make install он не создается, поэтому его нужно создать. Пример файла можно взять с сервера. Здесь выложен мой вариант
Видео в нашем случае будет доступно по адресу http://site.com:8080/file.flv - это адрес указывается для Flash - плеера.
Чтобы видео выводилось стабильно, нужно чтобы частота кадров была такая же как и у выходного потока.
Для того чтобы видео начало раздаваться пользователям его нужно сначала скормить серверу. Как только видео серверу начало скармливаться в тот же самый момент оно начинает раздаваться клиентам.
Для пуска видео можно воспользоваться вот таким файлом.
#!/bin/sh #стартуем сервер /usr/local/bin/ffserver & #подождем две секунды чтобы стартовал sleep 2 #скармливаем видео /usr/local/bin/ffmpeg -i /root/evergreen800.flv http://localhost:8080/feed1.ffm
Замечено что у ffserver в момент скармливания видео сервер сохраняет его во временный файл прописанный в файле конфигурации. Если максимальный размер видео больше максимального размера прописанного в конфиге, то сервер вылетает с ошибкой. Чтобы такого не происходило во первых нужно чтобы размер файла был всегда больше, во вторых нужно этот файл периодически удалять. Для этого я написал вот такой файлик.
#!/bin/sh
PID=`ps -ea -o "pid fname" | grep ffserver | sed -e 's/^ *//' -e 's/ .*//'`
if [ "${PID}" != "" ]
then
kill -9 ${PID}
fi
rm /tmp/feed1.ffm
ffserver
Несколько вопросов для меня так и остались открытыми - после длительного бездействия процесс сервера вываливается, хотя сервер прописан в конфиге как демон.
Почему не удаляется временный файл автоматически тоже не понятно.
В общем, если у кого есть какие мысли на этот счет - милости прошу оставляйте свои комментарии.
Сверим ваши часы
Краткая инструкция как настроить синхронизацию времени компьютера с сервером в Интернет по протоколу NTP.
Предполагается что компрьтер работает под Linux (я тестировал на centos)
1. инсталлируем пакет ntp
> yum install ntp
2. редактируем /etc/ntp.conf если есть такое желание NTP сервера нужно брать по возможности ближе к вашему реальному расположению список ntp-серверов можно взять здесь pool.ntp.org
3. ставим ntpd демона в автозапуск
> chkconfig ntpd on
4. запускаем демона
> /etc/init.d/ntpd start
Все, теперь можно не думать о секундах свысока...
Полезное свойство FireBug
Иногда бывают на некоторых сайтах формочки в которые пользователь вбивает некий текст, например сообщение другому пользователю. Вбивать сообщение можно долго, особенно если вбиваешь на неродном языке а реакция респондента важна, например, если это потенциальный заказчик.
Вбил сообщение, нажал кнопочку отправить и тут замечаешь внизу маленький чекбоксик, типа "я ознакомился с правилами пользования сайтом"...
Едрыть... его то мы забыли поставить... а страничка уже постится....
Естественно когда страничка запостилась на экране сообщение об ошибке и та же самая форма в которую мы с любовью вводили во уже последний час наше сообщение... Только пустая.... Едрыть....
Ни о какой любви уже не может быть и речи... нужно набивать все заново... С остервенением... Время - деньги.
Но у нас то есть firebug! Открываем вкладочку "сеть" находим нужный нам запрос (он самый первый и начинается со слова POST, если вкладка была неактивна, просто нужно ее активировать, нажать f5 и перепослать данные) Жмем на + и видим наши только что посланные данные, после чего их нужно только скопипастить обратно в форму.
Слава Firebug'у!
CSS Reset
Как известно разные браузеры имеют свои значения по умолчанию для своих элементов. Чтобы привести все элементы к общему знаменателю приходится все нюансы держать в голове и каждый новый проект начинать с того, что вставлять в css определения, нивелирующие разницу в поведении тех или иных тегов, а уж затем начинать творить. Иначе кроссбраузерная отладка удлиняется в разы.
Мартин Миранда нашел код который поможет свести к минимуму возможные различия в форматировании элементов по умолчанию.
Что то подобное есть и у меня, хотя этот код гораздо полнее.
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
На мой взгляд, не хватает кой чего важного, например, корректировок для LI, UL но в целом идея достойная.