LiveView makes real-time user interactions much easier to build and maintain, all while working within familiar concepts: Phoenix, Elixir, and OTP. It makes real-time user interaction between the client’s UI and the server seamless, without needing to write (much) JavaScript. LiveView is one of my favorite components of Phoenix. But the motivation goes deeper.Įlixir is built on Erlang’s VM, which was specifically developed for the challenges of the telecoms industry, where fault-tolerance and high-availability are essential. On any project, my first instinct these days is to reach for Phoenix. PhoenixĮlixir’s Phoenix framework allows us to build reliable and performant web applications built on Erlang’s rock-solid foundation.
This originally confused me, as I was not sure where the server-side signaling (the WebRTC term for the process of telling two users about each other for a peer connection) ended and the RTCPeerConnection began. WebRTC does not care how users in a video chat learn about each other and send their connection information, it only handles how to connect those users once their information has been sent. What makes WebRTC so flexible-and, at times, confounding-is that it has no standardized server-side implementation. Nowadays, each browser has a more consistent WebRTC implementation, making browser support much better, but implementing it can still be a dance. WebRTC has been around since 2011, but implementation by the various browsers has been uneven over the years. It provides an API for handling user video, audio, and other data via peer-to-peer connections. Web Real Time Communication, or WebRTC for short, is a technology that allows real-time, peer-to-peer communication between users. We will be using the latest versions of Elixir, Erlang, Phoenix, and Phoenix LiveView in this article, which are the following at the time of writing: Finally, I’ll assume you have no WebRTC experience beyond having heard about it a few times. I’ll assume that you might have toyed around with LiveView a few times before this article, but it doesn’t take much to get up to speed. I’m going to assume that you are comfortable working with Elixir and Phoenix.
When I first started researching for this project, I discovered that there isn’t much information out there about building a WebRTC-based application from start to finish. The world’s new reliance on video conferencing got me thinking: How hard could it be to build a video conferencing web application? Like most things worth doing, the answer was difficult, but fun. However, as a company, Zoom has given plenty of reasons to avoid its software. Zoom has shown itself to be a reliable partner for video conferencing. Millions of workers are now accustomed to hopping on calls with their colleagues to hash things out that they would previously have done in person. Now on each button press a chart with random values is generated.During this global pandemic, online video calls have become essential to the way we work. Modify mount function such that it returns only In page_live.ex delete all other functions except mount.
We are going to work on these following files. mix phx.new chart -live -no-ectoĪnd press ‘y’ when asked to install dependency. In terminal use mix to create a new live view project without ecto.