Итак, это свершилось. Кроме iPhone 8, который устарел ровно через полчаса после анонса iPhone 10, Apple обновила свой десктопный и мобильный браузер Safari. Среди прочих улучшений — реализация WebRTC (ходят слухи, что частично позаимствованная у Chromium. «Plan B» на это тоже намекает). Что это значит для разработчиков? Можно звонить через браузер как на десктопе, так и на айфонах. Голосом и видео. Я уже писал про обновленные инструменты разработчика в браузере, а сейчас хочу поделиться, как это все работает в релизе. Мы уже обновили SDK Voximplant, проверили, как Safari звонит в Microsoft Edge, и вот что я хочу рассказать…
Читать полностью »
Рубрика «WebRTC» - 6
Safari 11 и WebRTC: подводные камни видеозвонков
2017-09-20 в 9:11, admin, рубрики: javascript, safari, voximplant, WebRTC, Блог компании Voximplant, Программирование, Разработка веб-сайтовТянем ролик с YouTube и раздаем по WebRTC в реалтайме
2017-09-18 в 3:54, admin, рубрики: AAC, broadcasting, ffmpeg, flashphoner, H.264, live, pipe, python, Realtime, rtmp, video player, WebRTC, YouTube, youtube-dl, Блог компании Flashphoner, браузеры, Программирование, Разработка веб-сайтов, Разработка систем связи
Задача следующая. Провести совместный просмотр ролика с YouTube в реальном времени несколькими пользователями. Зрители должны получать видео одновременно, с минимальной задержкой.Читать полностью »
Зачем мы сделали VOD на WebRTC
2017-09-11 в 5:23, admin, рубрики: AAC, android, H.264, iOS, iOS SDK, mp4, stream recording, video on demand, vlc, VoD, WebRTC, Блог компании Flashphoner, Программирование, Разработка веб-сайтов, разработка мобильных приложений, разработка под iOS
VOD — это про video on demand, т.е. проигрывание обычных роликов, как это делается на YouTube или другом стриминговом сервисе. WebRTC — это видео реалтайм с низкой задержкой. Вы спросите — как эти две вещи могут быть связаны? Заходите под кат за подробностями.Читать полностью »
Транслируем WebRTC, RTSP и RTMP потоки на Media Source Extensions по протоколу Websocket
2017-09-04 в 12:27, admin, рубрики: AAC, flash, H.264, HLS, html5, javascript, latency, media source extensions, Opus, player, real-time streaming, rtmp, rtsp, streamer, WebRTC, wirecast, Блог компании Flashphoner, браузеры, веб-камеры, задержка, потоковое видео, Программирование, Разработка веб-сайтов, цуикес
Media Source Extensions
Media Source Extensions (далее MSE) — это API браузера, позволяющее играть аудио и видео через соответствующие HTML5 тэги <audio/> и <video/>.
Чтобы проиграть кусок аудио или видео, нужно скормить этот chunk в данный элемент через MSE API. На основе MSE построены HLS-плееры. HLS фрагменты передаются в MSE и отображаются в плеере.
Давайте посмотрим на его Can I Use подробнее.Читать полностью »
Новые инструменты Safari для отладки WebRTC
2017-08-14 в 8:20, admin, рубрики: javascript, safari, WebRTC, Блог компании Voximplant, Программирование, Разработка веб-сайтов
Совсем недавно Apple анонсировала поддержку WebRTC в Safari. Слухи ходили несколько лет, и теперь мы знаем: осенью WebRTC будет доступна для всех основных браузерах: Chrome, Firefox, Safari и Edge. С подводными камнями и несовместимостями. Технология очень крутая и позволяет передавать peer-to-peer между браузерами голос, видео, экран или произвольные данные. Ее использует «Skype for Web», «Hangouts» и другие известные коммуникаторы. А в новой версии Safari кроме самой WebRTC добавилось много плюшек для пользующихся ей разработчиков, о которых я расскажу под катом.
Читать полностью »
Как Chrome и Firefox договариваются о передаче двух видеопотоков
2017-07-31 в 9:41, admin, рубрики: javascript, voximplant, WebRTC, Блог компании Voximplant, Программирование, Разработка веб-сайтов, разработка мобильных приложений
Среди подводных камней WebRTC один особенный. Это то, как браузеры договариваются между собой о передаче медиа-потоков. Кодеки, битрейты, разрешение видео, – вся вот эта история. Кода медиа-поток один — все хорошо. Но когда их два (а видео со звуком, это, на секундочку, два медиа-потока: один для видео, другой для звука), то мнения браузеров о формате описания ситуации резко разделяются. Сделать видеозвонок из Chrome в Firefox можно довольно легко. А вот видеозвонок со звуком — уже нет. Под катом небольшая история, почему так повелось, что запилили в новой Safari и какой особый путь у Microsoft Edge.
Читать полностью »
Звонки между браузерами: подводные камни WebRTC
2017-07-17 в 9:20, admin, рубрики: Google Chrome, javascript, voip, voximplant, WebRTC, Блог компании Voximplant, Программирование, Разработка веб-сайтов
WebRTC, доступное в современных браузерах через JavaScript API, захватывает голос и видео, передает их по сети и воспроизводит в другом браузере. Еще оно умеет Peer-to-Peer между браузерами, Screen Sharing, передачу данных UDP-пакетами и подстройку битрейта под ширину канала. Очень хорошая технология. И Skype for Web на ней можно собрать, и превратить джойстик в световой меч для игры на ноутбуке, и позвонить с сотового на веб-страницу. Очень хорошая технология. Но сырая.
В Voximplant мы уже много лет развиваем множество SDK для звонков в наше облако: Android, iOS, Unity, React Native. Почетное место занимает Web SDK, использующий как раз WebRTC. С помощью него CRM принимают звонки «на веб страницу», работают кнопки «позвоните нам с веб сайта» и видео консультации с врачами. За годы мы набили множество шишек в использовании WebRTC, и под катом я кратко пройдусь по основным моментам, которые вас не обрадуют, если вы захотите использовать эту замечательную технологию.
Читать полностью »
Представляем 3CX Phone System V15.5
2017-06-10 в 22:05, admin, рубрики: 3CX Phone System V15.5, Call Flow Designer, CRM, WebRTC, Блог компании 3CX Ltd., видеоконференции, Серверное администрирование, Сетевые технологии, системное администрирование, метки: 3CX Phone System V15.57 июня мы представили новую версию 3CX Phone System v15.5. В 3CX 15.5 появился веб-клиент, построенный по технологии Angular, который позволяет управлять клиентами 3CX и поддерживаемыми IP телефонами из единого, расширяемого интерфейса. Новый клиент работает и любой открытом браузере и не требует установки вручную.
3CX v15.5 подчинена концепции “Deploy Anywhere”. Это значит, что она одинаково быстро и просто устанавливается на:
- Стандартных серверах Windows и Debian Linux. Система может быть установлена как ISO образ (Linux) и как серверное приложение (Windows и Linux).
- Мини ПК на платформе Intel, например, Intel NUC, Zotac, Shuttle и Gigabyte. Эти ПК доступны у локальных поставщиков, всегда есть на складе, и покрываются локальной гарантией. Благодаря массовому производству, они стоят значительно дешевле специализированных платформ для АТС. Установка также делается из ISO образа Debian.
- VPS серверах Debian, предоставляемых такими гигантами, как Google, Amazon, OVH, 1&1. Однако, вы всегда можете выбрать VPS хостинг нужной мощности и в вашем регионе.
- Автоматический сервис развертывания АТС 3CX из “файла ответов” с помощью сервиса PBX Express. За несколько минут вы получаете готовую к работе систему объединенных коммуникаций.
7 способов отобразить видео с RTSP IP-камеры на веб-странице и 2 в мобильном приложении
2017-05-22 в 6:10, admin, рубрики: Action Script 3, android, browser, flash, HLS, iOS, ip camera, latency, objective-c, rtmfp, rtmp, rtsp, streaming, WebRTC, WebSocket, Блог компании Flashphoner, задержка, Разработка веб-сайтов, разработка мобильных приложений, Разработка под android, разработка под iOSВ этой статье покажем 7 технологически разных способов отображения видеопотока с IP-камеры с поддержкой RTSP на web-странице браузера.
Браузеры, как правило, не поддерживают RTSP, поэтому поток будет конвертироваться для браузера через промежуточный сервер.Читать полностью »
Задержка в онлайн-трансляциях с веб-камеры, бессердечная ты стерва
2017-05-10 в 10:37, admin, рубрики: latency, low-latency, tcp, udp, WebRTC, Блог компании Flashphoner, браузеры, веб-камера, видеочат, задержка, низкая задержка, онлайн-трансляция, Программирование, Разработка систем связи, метки: задержка
В данной статье мы расскажем о задержке, возникающей при проведении онлайн-трансляций с веб-камеры из браузера. Почему она возникает, как ее избежать и как сделать онлайн-трансляцию действительно трансляцией в реальном времени.
Далее мы покажем что происходит с задержкой на примере реализации WebRTC и как при использовании WebRTC удается сохранить задержку на низком уровне, пригодном для комфортного общения.Читать полностью »