Movie Speak To LiveView and OpenTok. In my own post that is previous Streaming with LiveView and Mux

Movie Speak To LiveView and OpenTok. In my own post that is previous Streaming with LiveView and Mux

  • Elixir
  • Engineering

we explored exactly just how easy it absolutely was to incorporate Phoenix LiveView with Mux to reside stream video. Because it ended up, it absolutely was quite simple: under 70 lines of rule. Although the method we utilized in that post would work perfect for live streaming events or meeting talks, the small wait wouldn’t work with real-time interaction such as for instance movie talk.

On this page, i shall explore exactly just exactly how Phoenix LiveView can be employed to quickly and simply engineer a video clip talk solution.

this time around we are utilizing OpenTok, which will be now element of Vonage while the Vonage Video API. The https://hookupwebsites.org/brazilcupid-review/ post may also be somewhat various in through the example repository and explain the logic behind the code that it is not a step-by-step tutorial, I will instead walk you. Not surprisingly, the video that is full needed more lines of rule than our uni-directional streaming instance did, however it nevertheless arrived in less than 350 lines (

125 of these for the lobby).

You will see the instance repository here, and also as with all the past post, you can observe the initial commit ended up being made after merely operating mix phx.new –live –no-ecto opentok_liveview , and all sorts of subsequent rule beyond the generated rule is in this commit.

Lobby and Area Master

Room Master

First, let’s simply simply take an instant go through the logic within the instance which takes spot before we arrive at the video that is actual. In Elixir, we store and access ephemeral system-wide state in a GenServer. For the instance, we shop space and individual information within the RoomMaster. Continua la lectura de Movie Speak To LiveView and OpenTok. In my own post that is previous Streaming with LiveView and Mux