Как стать автором
Обновить
61.43
Рейтинг
Сначала показывать
  • Новые
  • Лучшие

Автоматизируй это, или Контейнерные перевозки Docker для WebRTC

FlashphonerРазработка веб-сайтовРабота с видеоDevOpsВидеоконференцсвязь

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

Представим ситуацию: нужно разворачивать много однотипных серверов, причем делать это быстро. Быстро разворачивать, быстро сворачивать. Например, разворачивать тестовые стенды для разработчиков. Когда разработка ведётся параллельно нужно разделить разработчиков, что бы они не мешали друг-другу и возможные ошибки одного из них не блокировали работу остальных.

Путей решения этой задачи может быть несколько:

Читать далее
Всего голосов 8: ↑7 и ↓1 +6
Просмотры2.6K
Комментарии 7

Стриминг множества RTSP IP камер на YouTube и/или Facebook

FlashphonerРазработка веб-сайтовРабота с видеоПрограммированиеВидеоконференцсвязь

Как известно, у YouTube отсутствует фича захвата RTSP потока, и мы постараемся заполнить этот пробел - помочь YouTube осчастливить пользователей.

Read more
Всего голосов 4: ↑3 и ↓1 +2
Просмотры1.9K
Комментарии 7

Обзор WCS 5.2 — WebRTC сервера для веб-разработчиков онлайн трансляций и видеочатов

FlashphonerРазработка веб-сайтовРабота с видеоПрограммированиеВидеоконференцсвязь


Алиса — опытный фулл-стек разработчик и способна за неделю написать каркас SAAS проекта на своем любимом фреймворке с использованием php. На фронтенде предпочитает Vue.js.


В телеграмм стучится заказчик, которому во что бы то ни стало надо разработать веб-сайт, который будет местом встречи работодателя и сотрудника для проведения очного интервью. Очного — означает глаза в глаза, прямого видео контакта в реальном времени с видео и голосом.
«Почему не скайп?» — спросите вы. Так уж повелось, что серьезные проекты, а каждый стартап, несомненно, себя таковым считает, стараются предложить внутренний сервис коммуникаций по самым разным причинам, среди которых:

Читать дальше →
Всего голосов 11: ↑7 и ↓4 +3
Просмотры6.8K
Комментарии 0

WebRTC стриминг в виртуальной реальности и вокруг нее

FlashphonerРазработка веб-сайтовРабота с видеоПрограммированиеВидеоконференцсвязь


Виртуальная реальность нынче на пике моды. Оборудование, что во времена "Газонокосильщика" было уделом сумасшедших ученых гиков с большими деньгами от Минобороны, сейчас и простому человеку по карману, а те, у кого карман совсем пуст, могут собрать VR-гарнитуру из картона и смартфона по множеству рецептов.

Читать дальше →
Всего голосов 9: ↑9 и ↓0 +9
Просмотры4K
Комментарии 5

Проблема первого зрителя, или непростая конвертация WebRTC видеопотоков в HLS

FlashphonerРазработка веб-сайтовРабота с видеоПрограммированиеВидеоконференцсвязь


Егор закрыл крышку ноутбука и потер красные от недосыпа глаза. "Клиенты продолжают жаловаться на зависания стрима, новый пакет исправлений совсем не помог! Что же делать с этим (censored) HLS?" — произнес он в пустоту кабинета.

Читать дальше →
Всего голосов 6: ↑6 и ↓0 +6
Просмотры3K
Комментарии 15

Индикатор качества канала серверного WebRTC через TCP

FlashphonerРазработка веб-сайтовРабота с видеоПрограммированиеВидеоконференцсвязь


Publish и Play


Существует две основных функции работы WebRTC на стороне сервера в области потокового видео: публикация и воспроизведение. В случае публикации видеопоток захватывается с вебкамеры и двигается от браузера к серверу. В случае воспроизведения, поток двигается в обратном направлении — от сервера к браузеру, декодируется и воспроизводится в браузерном HTML5 <video> элементе на экране устройства.

Читать дальше →
Всего голосов 5: ↑5 и ↓0 +5
Просмотры2.1K
Комментарии 1

Как готовить RTSP на сайте в 2020 году, или почему кабаны не успеют убежать

FlashphonerРазработка веб-сайтовРабота с видеоПрограммированиеВидеоконференцсвязь


RTSP — это простой сигнальный протокол, который уже много лет не могут ничем заменить, и надо признать, что не особо стараются.


Скажем, есть у нас IP камера с поддержкой RTSP. Всякий, кто щупал трафик акула-кабелем, расскажет, что там сначала идет DESCRIBE, потом PLAY, и вот полился трафик напрямую по RTP или завернутый в тот же TCP канал.

Читать дальше →
Всего голосов 11: ↑11 и ↓0 +11
Просмотры16.3K
Комментарии 15

Динамическая CDN для WebRTC стриминга с низкой задержкой и контролем доступа к потокам

FlashphonerРазработка веб-сайтовРабота с видеоПрограммированиеВидеоконференцсвязь


В первой части мы развернули простую динамическую CDN для трансляции WebRTC потоков на два континента и убедились в том, что задержки в такой CDN действительно низкие, на примере таймера обратного отсчета.


Во второй части мы добавили в CDN выделенные серверы для задач транскодирования, чтобы обеспечить нашим зрителям качество трансляции в зависимости от используемых ими устройств и качества канала. Таким образом, все публикуемые потоки в нашей CDN доступны всем зрителям.


Теперь допустим, что предприятие выходит на этап монетизации и часть потоков должны быть доступны бесплатно, часть — по подписке. Или, например, вебинары для внутреннего обучения сотрудников транслируются одновременно, но для разных филиалов потоки разные, и открывать техники продаж, применяемые в Юго-Восточной Азии, для менеджеров из СНГ нежелательно.

Читать дальше →
Всего голосов 4: ↑4 и ↓0 +4
Просмотры1.2K
Комментарии 2

Динамическая CDN для WebRTC стриминга с низкой задержкой и транскодингом

FlashphonerРазработка веб-сайтовРабота с видеоПрограммированиеВидеоконференцсвязь


В первой части мы развернули простую динамическую CDN для трансляции WebRTC потоков на два континента и убедились в том, что задержки в такой CDN действительно низкие, на примере таймера обратного отсчета.


Однако, кроме низкой задержки, важно обеспечить зрителям хорошее качество трансляции, ведь за это они и платят. В реальной жизни, каналы между Edge серверами и подписчиками могут быть разными по пропускной способности и качеству. Например, мы публикуем поток разрешением 720p с битрейтом 2 Мбит/с, а пользователь играет его на Android-смартфоне, используя 3G подключение в зоне неуверенного приема сигнала, и максимальное разрешение, при котором картинка будет плавной, всего 360p с битрейтом 400 Мбит/с.

Читать дальше →
Всего голосов 10: ↑9 и ↓1 +8
Просмотры1.6K
Комментарии 3

Динамическая CDN для WebRTC стриминга с низкой задержкой

FlashphonerРазработка веб-сайтовРабота с видеоПрограммированиеВидеоконференцсвязь


Ранее, анализируя возможности стандартных конфигураций серверов в Digital Ocean с точки зрения WebRTC стриминга, мы отмечали, что один сервер может обслужить до 2000 зрителей. В реальной жизни часто встречаются случаи, когда одного сервера недостаточно.


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

Читать дальше →
Всего голосов 7: ↑7 и ↓0 +7
Просмотры2.5K
Комментарии 0

Облачный WebRTC стриминг на DigitalOcean

FlashphonerРазработка веб-сайтовПрограммированиеРазработка под iOSРазработка под Android


Известный облачный хостинг DigitalOcean с недавних пор обзавелся собственным магазином с готовыми образами, из которых можно быстро развернуть какой-либо сервер приложений. Совсем, как AWS, только DO, для тех, кто уже пользуется услугами этого провайдера. Давайте посмотрим, как, имея аккаунт DO, развернуть простой сервер за 10$ в месяц для стриминга WebRTC на базе Flashphoner WebCallServer, и чем такой сервер может быть полезен.

Читать дальше →
Всего голосов 10: ↑10 и ↓0 +10
Просмотры3.2K
Комментарии 2

Создаем живую потоковую CDN для видеотрансляций WebRTC с низкой задержкой

FlashphonerРазработка веб-сайтовРазработка мобильных приложенийБраузерыРазработка систем связи

Где может потребоваться трансляция с гарантированной низкой задержкой? — на самом деле, много где. Например в онлайн видео-аукционах. Представьте себя ведущим такого мероприятия.
— «Двести тыыыысяч рааааз»
— «Продано!»

С высокой задержкой вы успеете сказать «двести тысяч три» и продать лот еще до того как видео дойдет до участников. Чтобы участники аукциона успели вовремя среагировать, задержка должна быть гарантированно низкой.

В общем, низкая задержка жизненно необходима в любом около игровом сценарии, будь-то онлайн видео аукцион, видеотрансляция скачек с лошадками или интеллектуальная онлайн игра «Что Где Почему» — и там и там требуется гарантированно низкая задержка и передача видео и аудио в реальном времени.
Читать дальше →
Всего голосов 8: ↑8 и ↓0 +8
Просмотры5.8K
Комментарии 2

iOS Safari 11 теперь умеет WebRTC

FlashphonerJavaScriptПрограммированиеSafariБраузеры

Пару недель назад состоялся релиз новых айфонов и iOS 11, который невозможно было не заметить. C релизом произошло еще одно, безусловно важное для разработчиков, событие: в браузере Safari появилась долгожданная поддержка WebRTC.

Вообразите на минуту, миллионы айфонов и айпадов по всему миру стали уметь реалтаймовое аудио и видео в браузере. Пользователям iOS и Mac стали доступны полнофункциональные браузерные видеочаты, воспроизведение живых трансляций с низкой (менее секунды) реалтаймовой задержкой, звонки, конференции и многое другое. К этому долго шли и наконец это случилось.
Читать дальше →
Всего голосов 6: ↑6 и ↓0 +6
Просмотры13.2K
Комментарии 1

Тянем ролик с YouTube и раздаем по WebRTC в реалтайме

FlashphonerРазработка веб-сайтовПрограммированиеБраузерыРазработка систем связи


Задача следующая. Провести совместный просмотр ролика с YouTube в реальном времени несколькими пользователями. Зрители должны получать видео одновременно, с минимальной задержкой.
Читать дальше →
Всего голосов 33: ↑31 и ↓2 +29
Просмотры18.6K
Комментарии 31

Межсерверное WebRTC

FlashphonerРазработка веб-сайтовПрограммированиеБраузерыРазработка систем связи


WebRTC умеет работать Peer-to-Peer и Peer-to-Server, где в роли пира, как правило выступает браузер или мобильное приложение. В данной статье мы расскажем о работе WebRTC в режиме Server-to-Server, для чего это нужно и как это работает.
Читать дальше →
Всего голосов 12: ↑9 и ↓3 +6
Просмотры6.1K
Комментарии 0

Зачем мы сделали VOD на WebRTC

FlashphonerРазработка веб-сайтовПрограммированиеРазработка под iOSРазработка мобильных приложений

VOD — это про video on demand, т.е. проигрывание обычных роликов, как это делается на YouTube или другом стриминговом сервисе. WebRTC — это видео реалтайм с низкой задержкой. Вы спросите — как эти две вещи могут быть связаны? Заходите под кат за подробностями.
Читать дальше →
Всего голосов 8: ↑5 и ↓3 +2
Просмотры4.2K
Комментарии 4

Встраиваем WebRTC плеер для живых трансляций с вебкамер и IP камер

FlashphonerРазработка веб-сайтовJavaScriptПрограммированиеБраузеры

Всем известно, каким образом внедряется обычный плеер для видеороликов (VOD — видео по требованию). Как правило, это плеер, который скачивает контент фрагментами по HTTP и играет эти фрагменты в <video/> элементе браузера.

В этой статье мы расскажем о внедрении WebRTC-плеера для воспроизведения живых (Live) потоков с веб-камер и IP камер.
Читать дальше →
Всего голосов 7: ↑5 и ↓2 +3
Просмотры6.7K
Комментарии 0

Транслируем WebRTC, RTSP и RTMP потоки на Media Source Extensions по протоколу Websocket

FlashphonerРазработка веб-сайтовJavaScriptПрограммированиеБраузеры

Media Source Extensions


Media Source Extensions (далее MSE) — это API браузера, позволяющее играть аудио и видео через соответствующие HTML5 тэги <audio/> и <video/>.

Чтобы проиграть кусок аудио или видео, нужно скормить этот chunk в данный элемент через MSE API. На основе MSE построены HLS-плееры. HLS фрагменты передаются в MSE и отображаются в плеере.

Давайте посмотрим на его Can I Use подробнее.
Читать дальше →
Всего голосов 5: ↑5 и ↓0 +5
Просмотры15.2K
Комментарии 1

Делаем превью-снимки WebRTC видеопотока в PNG картинках

FlashphonerРазработка веб-сайтовJavaScriptПрограммированиеБраузеры
Есть 10 пользователей, которые стримят видео с веб-камеры по WebRTC. Нужно вывести снапшоты (thumbnails) их стримов на одной веб-странице, чтобы выглядело примерно так:


Можно просто воспроизвести видео вместо картинок, но давайте посчитаем каким будет битрейт, если каждый из потоков занимает 1 Mbps полосы. Если воспроизводить все десять, получится 10 Mbps. Не многовато для превьюшек?
Читать дальше →
Всего голосов 10: ↑10 и ↓0 +10
Просмотры3.2K
Комментарии 8

7 способов отобразить видео с RTSP IP-камеры на веб-странице и 2 в мобильном приложении

FlashphonerРазработка веб-сайтовРазработка под iOSРазработка мобильных приложенийРазработка под Android
В этой статье покажем 7 технологически разных способов отображения видеопотока с IP-камеры с поддержкой RTSP на web-странице браузера.

Браузеры, как правило, не поддерживают RTSP, поэтому поток будет конвертироваться для браузера через промежуточный сервер.
Читать дальше →
Всего голосов 13: ↑13 и ↓0 +13
Просмотры96.2K
Комментарии 4
1

Информация

Дата основания
2010
Местоположение
Россия
Сайт
flashphoner.com
Численность
2–10 человек
Дата регистрации