Hey everyone, today I want to walk through how to build a live Streaming web app that leverages WebXR to display a live video stream as part of a 3D model that exists in both WebAR and WebVR environments.

In this project we’ll build a simple web app that supports two user roles. The WebVR scene allows users to broadcast themselves into a 3D model that they can rotate and move around a virtual scene. …


Virtual reality (VR) has seen many recent gains in popularity, and as headset makers work to keep up with hardware demand, developers are working to keep up with users’ need for engaging content. VR isn’t the only technology that’s seen an increase in popularity. In today’s professional world everyone is using live video streaming to connect and collaborate. This creates an interesting opportunity for developers to develop applications that can leverage Virtual Reality along with video streaming to remove all barriers of distance and create an immersive telepresence experience.

VR developers face two unique problems:

  • How do you make VR…


Digital communication is ubiquitous in society, and more teams are looking to add voice, video, and text chat features to their products. Agora and PubNub offer tools that enable teams to quickly and easily build real-time applications that utilize voice, video, and text chat features to connect their users in more meaningful ways.

In this tutorial, I will show you how to integrate the PubNub Web SDK to add text-based chat to a web app that uses the Agora Web SDK for voice and video communication.

For the TL;DR crowd check out the live demo.


With this release of v3.2.0, there are some cool additions we think you’ll like. Read on to learn about the newest features.

Agora WebRTC SDK 3.2.0 has been released on September 7, 2020.

Video transmission optimization strategy

Agora WebRTC SDK v3.2.0 adds the optimizationMode property in the StreamSpec interface. When creating a stream object using createStream, you can choose between two modes( detail and motion), to set the optimization strategy for the video quality when encountering network fluctuations or poor network conditions.

  • "detail": Prioritizes clarity. In most cases, the SDK does not reduce the sending resolution, but may reduce the frame rate.
  • "motion": Prioritizes smoothness. In most cases, the SDK does not reduce the frame rate, but may reduce the sending resolution.

If you leave this…


Security within video chat applications is a hot topic at the moment. As remote working and virtual events become more prolific, the need for security will increase.

Within the Agora Platform, one layer of security comes in the form of token authentication. A token, for those of you that don’t know, is a dynamic key that is generated using a set of given inputs. Agora’s Platform uses tokens to authenticate users.

Agora offers token security for both its RTC and RTM SDKs. …


Security within video chat applications is a hot topic at the moment. As remote working and virtual events become more prolific, the need for security will increase.

Within the Agora Platform, one layer of security comes in the form of token authentication. A token, for those of you that don’t know, is a dynamic key that is generated using a set of given inputs. Agora’s Platform uses tokens to authenticate users.

Agora offers token security for both its RTC and RTM SDKs. This guide will explain how to build a simple microservice using NodeJS and Express to generate an Agora…


Are you a big TV show binge-watcher? I sure am! As a dev, one thing I really enjoy is when a particular show highlights how technology interacts with the real world in believable ways, impacting us with unexpected — and often unintentionally hilarious — results.

For instance, back in 2017, HBO’s Silicon Valley aired an episode with the “Hot dog — Not hot dog” scene, where Jin Yang creates an app that recognizes hot dogs and everything else as “not hot dog.” The scene depicts a classic first step in training an AI for visual recognition.

official clip from HBO…


As augmented reality becomes more mainstream, we will see new emerging use-cases that involve AR and real-time collaboration and sharing. To help iOS developers, I created a framework that combines Agora.io’s Video SDK and ARKit. This makes it easier to add real-time collaboration to their AR apps.

ARKit uses the device’s camera and motion sensors to project virtual content into a user’s world. Agora.io provides a video SDK for building real-time video and audio communications applications.

Overview

Before we dive into how to use AgoraARKit, let’s take a look at the framework structure, and dependencies (device/OS).


Have you heard of Augmented Reality or even played around with some AR experiences and thought “hey this is cool,” but felt overwhelmed by all the different platforms, devices, and details that everyone else seems to know?

You are not alone.

AR is an emerging field in terms of popularity, and has experienced monumental shifts the last few years. This makes getting up to speed a bit tough, because you’ll read about a platform that sounds like it has everything you need but only to find out they were acquired or went bankrupt.

Trending AR VR Articles:

1. Augmented Reality Robotics

2. Infographic: The…


Have you ever been on the phone with customer support and struggled to describe the issue, or had the support person fail to clearly describe the solution or not understand what/where you should be looking?

Most remote assistance today is done through audio or text based chat. These solutions can be frustrating for users who may have a hard time describing their issues or understanding new concepts and terminology associated with troubleshooting whatever they need help with.

Thankfully technology has reached a point where this issue can be easily solved using Video Chat and Augmented Reality. In this guide, we’ll…

Hermes

Dev Evangelist @ Agora.io … former Augmented Reality Solutions Engineer @ Blippar — If you can close your eyes & picture it, I can find a way to build it

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store