![]() We use future-forward technology and design thinking to transform those insights into impactful, inclusive, and reliable web experiences. Our collaborative team of product strategists help clients to better understand the people they serve. Interested in integrating video into your web offering? Reach out today to consult with our expert team.ĭockYard is a digital product consultancy specializing in user-centered web application design and development. While we’re living in a very complex environment, Phoenix LiveView has the potential to remove the complexities of building web applications that unite people through the power of real-time video. You can find the example repository here.Īs we all strive to remain connected with the world, video is only becoming more prevalent in our daily lives. putting the streaming video on the receivers web browser or app.īut, we are off to a great start with minimal development effort.sharing the stream tokens with users and.managing the full lifecycle of the live streams (right now you have to manually delete the streams from the dashboard).authenticating streams (if they are private).Now, a full solution is obviously going to need way more than 70 lines of code, as it will need to tackle things like: Click it and you should have your video/audio live streaming from the Mux dashboard.Īll with less than 70 lines of code added to a base Phoenix LiveView project. The top stream should be your live video. ![]() Head over to the Mux dashboard and click video->livestreams on the left. Next generate an AP Access Token with Mux Video -> Full Access permissions.Ĭopy the key/secret into your dev.exs file: config :mux,Īnd fire up your server with mix phx.server and open You should be prompted by the browser for access to your video/audio, and then, you should see yourself on the screen. While not enough for production, this should be plenty for this proof of concept. Free accounts are limited to five-minute streams and the Mux logo is added to the stream. If you don’t already have a free developer account, create one now. brew install ffmpeg should do the trick.Īnd finally, you will need to generate and add your Mux API keys. If you don’t already have ffmpeg installed, that’s the next step. Lets add Mux and Porcelain to our dependencies in mix.exs. We will be using LiveView, and won’t need Ecto. If you haven’t installed the phx_new archive (or haven’t recently): Hopefully by the end of this post you will understand why. LiveView guarantees it is “the most fun you’ll ever have building interactive web applications.” Having worked with Phoenix and LiveView extensively, I completely agree with this statement. Phoenix, built by fellow DockYarder Chris McCord, was designed to empower developers to “build rich, interactive web applications quickly, with less code and fewer moving parts” and is being driven by a “ growing community of developers using Phoenix to craft APIs, HTML5 apps and more, for fun or at scale.” If you haven’t heard of Mux Video yet, they describe themselves as: “an API that enables developers to build unique live and on-demand video experiences.” Phoenix LiveView Here, I’ll demonstrate how I got live streaming from a web browser to a Phoenix LiveView backend, and over to a Mux live stream-all by adding less than 70 lines of code to a base Phoenix LiveView project. The good news? With Phoenix LiveView, you can deliver on the promise of live-streamed video with minimal development effort. This shift has brought about an increasing need for not just video, but live-streamed capabilities to offer the dynamic, real-time interactions we all crave in our everyday lives. Once again, video is reshaping how we interact with the world. TV’s impact quickly extended far beyond consumption as it shaped pop culture and became the source of dinner entertainment, watercooler chats, and the messenger of some of the most prolific moments in world history.įast-forward to today, and the pandemic has catapulted video into the forefront of our lives as many of us use it to stay connected–yet socially distanced–from our families, friends, colleagues, healthcare providers, teachers, and more. NFL footage © NFL Productions LLC.When people first brought TV sets into their living rooms, it served as a new way to consume information and media. All other NFL-related trademarks are trademarks of the National Football League. NFL and the NFL shield design are registered trademarks of the National Football League.The team names, logos and uniform designs are registered trademarks of the teams indicated.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |