Скринкастинг в Chrome
Скринкастинг (демонстрація екрану, скриншаринг) вже працює в браузері Google Chrome і дозволяє захоплювати як вікно самого браузера, так і вікно будь-якого іншого додатка. Наприклад, можна захопити Firefox, запущений у сусідньому вікні.

Все б чудово, але є проблема з безпекою. У браузері Chrome скринкастинг вимкнений.

Для його включення необхідно скористатися Chrome Desktop Capture API і ми покажемо в цій статті як це зробити.

Розширення для скринкастинга
Щоб скринкастинг заробив, юзер повинен встановити розширення (Chrome Extension), яке створене спеціально для вашого сайту (домену).
Читати далі →


AWS Marketplace
Перш за все хотілося б сказати кілька слів про маркеті Amazon AWS Marketplace. На відміну від Google Play та App Store, де викладаються мобільні додатки, на AWS розробники викладають серверні додатки. Тут можна знайти багато цікавого, починаючи від безкоштовного стека LAMP і закінчуючи серверними Enterprise-рішеннями на зразок SAP.

Принадність роботи з маркетом криється в швидкості і зручності розгортання. Потрібний сервер додатків, як правило, вже налаштований, оптимально конфігурований і буде запущено під час запуску самого EC2 инстанса (віртуального сервера Amazon EC2). Запуск инстанса відбувається з веб-інтерфейсу і не потребує якихось додаткових адмінських знань і вмінь.
Читати далі →

Введення
У 2017 році більшість популярних веб-ігор типу agar.io використовує для передачі даних WebSockets через TCP. Якби в браузерах був вбудований UDP-аналог WebSockets, то це б значно поліпшило роботу з мережами в цих іграх.

Вступна інформація
Робота веб-браузерів заснована на протоколі HTTP (протоколі запитів і відповідей без збереження стану). Спочатку він був призначений для обслуговування статичних веб-сторінок. HTTP працює поверх TCP, низькорівневого протоколу, гарантує надійну доставку і правильний порядок переданих по мережі даних.

Все це відмінно працювало багато років, але нещодавно веб-сайти стали інтерактивними і перестали відповідати парадигмі «запит-відповідь» протоколу HTTP. Для вирішення цієї проблеми винайдені сучасні веб-протоколи, такі як WebSockets, WebRTC, HTTP 2.0 і QUIC, що мають потенціал значного поліпшення інтерактивності мережі.

На жаль, новий комплект стандартів веб-розробки не відповідає потребам багатокористувацьких ігор або занадто складний у реалізації.

Це викликає розчарування у розробників ігор, адже вони просто хочуть мати можливість відправляти і приймати UDP-пакети через браузер.

Читати далі →

Трансляція WebRTC-відеопотоку з браузера на YouTube Live 65 рядків JavaScript/HTML-коду

image

У даній статті ми розповімо як працюють трансляції Youtube Live і покажемо як людина з базовими знаннями JavaScript може закодить трансляцію на Youtube Live з HTML сторінки з використанням технології WebRTC.

Для роботи категорично потрібні такі знання та вміння:

1) Базові знання JavaScript / HTML
2) Вміння працювати в командному рядку Linux.
3) Прямі руки.

Читати далі →

Який буває HTML5-стрімінг (і чому mp4-стрімінг не існує)

image
Нерідко клієнти запитують, чи вміє наш сервер «mp4-стрімінг в HTML5». У 99% випадків запитувач не розуміє про що говорить. У цьому складно звинувачувати клієнтів: з-за плутанини з термінами, технічної складності та великого розмаїття варіантів стрімінг заплутатися дуже легко.

У цій статті ми розповімо, який буває HTML5-стрімінг, які варіанти гарні, і чому, чорт забирай, не можна говорить «mp4-стрімінг».

Читати далі →

Як акуратно залізти в кишки WebRTC при передачі голосу і відео

WebRTC — технологія цікава, але трохи заплутана. У першу чергу тим, що це не одна технологія, а комбайн. Захоплення відео з камери і звуку з мікрофону. Установка peer-to-peer підключення між двома браузерами з протикання NAT по мірі можливості. Передача звуку й відео по цьому підключення, з розумінням, що передаються realtime дані: кодеки, пропускна здатність, втрата кадрів, ось це все. Ну і, нарешті, відтворення отриманого у вікні іншого браузера. Чи не браузера, це вже як зайде. Ах так, ще — realtime передача даних за тією ж схемою для ігор, датчиків і всього того, де неприпустимі лаги tcp websocket. Ми в Voximplant постійно копаємося в кишках технології, щоб у клієнтів були якісні звук і відео у всіх випадках, а не тільки по локальній 100-мегабитке. І нам було дуже приємно почитати минулого тижня цікаву статтю, яка розповідає, як у цих кишках правильно копатися. Пропонуємо вам теж почитати адаптований переклад, спеціально для Хабра!

Читати далі →

Два аспекти «децентралізованих» односторінкових додатків

У статті ми спробуємо описати два абсолютно не пов'язаних з собою аспекту децентралізованих односторінкових додатків. Це з'єднання двох користувачів і збереження паролів в односторінковому додатку за допомогою браузера.

Читати далі →

Тут-тук, відкрийте



Всім знову привіт! На цих вихідних я виступав на DevFest Siberia 2016 з проектом IoT домофона. Це була неймовірно атмосферний конференція. Але розмова не про неї. Під час доповіді я пообіцяв, що окремо розповім на Хабре, як організувати аналог технології Knock Knock з Google DUO в домофоні.

Невелика довідка від Google:
«Коли ви телефонуєте контакту у Duo, абонент може побачити ваше відео, якщо ви входите в число його контактів. Ви побачите абонента тільки після того, як він відповість на виклик».

Читати далі →

WebRTC: Робимо peer to peer гру на javascript

Нещодавно мені довелося попрацювати над прототипом відеочату. Це був чудовий привід ближче познайомитися з концепціями WebRTC і випробувати їх на практиці. Як правило, коли говорять про WebRTC, мають на увазі організацію аудіо — та відеозв'язку, а ця технологія може застосовуватися і для інших цікавих речей. Я вирішив спробувати зробити peer-to-peer гру і поділитися досвідом її створення. Відео того що вийшло і подробиці реалізації під катом.




Читати далі →

Як переписати SDK на TypeScript, оновити платформу і ні про що не шкодувати

image

У нас нова версія WebSDK – v4. Поки це тільки public beta версія, але вона вже стабільна для більшості повсякденних кейсів. Ми намагалися зберегти зворотну сумісність нової версії.
А ще оновлена платформа – v3. Там багато всього нового і цікавого. Все працює швидше і веселіше. Про подробиці нижче.
Як бачите, у нас дабл страйк! Під катом – що вийшло за 6 місяців перехресного дебага, безперервного поліпшення і болю. Спойлер: більше ніякого стародавнього Flash. Тільки чистий WebRTC + ORTC.
Читати далі →