7.8 C
New York
Friday, November 25, 2022

How open source is disrupting video and making it friendlier for developers – TechRepublic

Register for your free TechRepublic membership or if you are already a member, sign in using your preferred method below.
We recently updated our Terms and Conditions for TechRepublic Premium. By clicking continue, you agree to these updated terms.
Invalid email/username and password combination supplied.
An email has been sent to you with instructions on how to reset your password.
By registering, you agree to the Terms of Use and acknowledge the data practices outlined in the Privacy Policy.
You will also receive a complimentary subscription to TechRepublic’s News and Special Offers newsletter and the Top Story of the Day newsletter. You may unsubscribe from these newsletters at any time.
All fields are required. Username must be unique. Password must be a minimum of 6 characters and have any 3 of the 4 items: a number (0 through 9), a special character (such as !, $, #, %), an uppercase character (A through Z) or a lowercase (a through z) character (no spaces).
How open source is disrupting video and making it friendlier for developers
Your email has been sent
After decades of proprietary stovepipes for media players and back-end video infrastructure, a new open source abstraction from Mux may liberate developers.
When you consider how thoroughly open source has dominated everything from server-side infrastructure, to programming languages and frameworks, to just about every developer concern for the last 20 years — there are some domains you look at and are surprised to still see proprietary stacks and vendor lock-in like we’re stuck in the 90s.
Video is one of those domains.
Those of us over 40 remember those heady early days of the commercial internet when it seemed like every browser had its own plugin. You had Windows Media Player plugins, you had RealPlayer plugins, you had Quicktime plugins and more. As a user you were constantly bombarded with messages that you needed to download the latest plugin version. It was very fragmented and messy.
Then with the introduction of Flash, we finally had a single, unifying plugin standard that would work across all browsers. Flash was great for developers at that time because at least now there was a single plugin to write against.
But then HTML5 hit the scene, promising to bring video natively into browsers as a built-in functionality, and when Apple mandated HTML5 for iOS, that pretty much brought the whole industry over to HTML5 as the default media playback standard for the browser.
Behind every video stream on the Internet lurks a range of challenging technical problems. The video back-end handles concerns like transcoding, tradeoffs between file size, compute when encoding and compression. Even the simple process of playing back video on devices turns out to be not so simple: Android, iOS and every web browser are quite different. That’s why there are so many video infrastructure providers out there.
SEE: Windows, Linux, and Mac commands everyone needs to know (free PDF) (TechRepublic)
There are also many video player providers out there. Some of the general open source players include Video.js, jPlayer, MediaElement.js, Plyr and Clappr. Some of the JS-specific players include ReactPlayer, Videogular, Vue-core-video-player and Stencil-video-player. And then there are the proprietary players like JWPlayer, Bitmovin, Theo, Nexplayer and castLabs. Each has their own specific benefits and their own specific baggage.
Most challenging for developers: They are all closed ecosystems, meaning all these different player options are tightly coupled with specific playback infrastructure. In other words, you may start to customize on one, but you can’t easily translate that customization to another player. It’s easy to get locked into a single video ecosystem, and that’s not the spirit of the open web.
Mux is an interesting player in the video ecosystem. I covered earlier this summer when they unified all three major video formats (on-demand, real-time and live video) into a single API abstraction. Mux is to video what Twilio is to unified communications or what Stripe is to payments: Developer API-driven abstractions to domains that were once extremely burdensome to developers.
As Mux introduces its new Mux Player for developers creating video playback experiences on the web, the heart of that Player is really interesting. Mux open sourced Media Chrome and then built the Mux Player on top of it. Media Chrome is a front-end framework that lets developers use plain HTML and CSS to build player UIs on the web.
The breakthrough is how Media Chrome abstracts the user interface of media players from the back-end playback infrastructure, and gives developers the simple components-style workflow they are used to, for bringing media (video and audio) into their applications via plain DOM HTML without being tied to any specific playback architecture.
The story of Media Chrome is actually the story of two open source efforts.
Media Chrome was built using Web Components, a browser specification introduced by Google that’s been under development for more than a decade, and it recently gained massive traction as a browser standard. Web Components essentially allows the re-use of custom elements with fully encapsulated functionality across any browser environment.
SEE: Linux turns 30: Celebrating the open source operating system (free PDF) (TechRepublic)
Web Components allowed Media Chrome creator Steve Heffernan (also the creator of Video.js)  to create media player components — play buttons, seek buttons, media controllers and more — that developers can invoke as plain DOM HTML elements, across all browsers.
With Media Chrome, the UI components are separated from the playback engine. This is a significant separation of concerns and it allows developers to build video player UIs without having to worry about the underlying playback technology. Video playback is a really interesting domain for front-end developers today, as live, real-time and on-demand videos are increasingly being brought natively into web sites and applications.
Aside from React, which is actively working to support Web Components, today pretty much every popular web framework works cleanly with Web Components, so it’s a really solid standard to bet on, and Media Chrome is a technology developers can confidently adopt knowing it will work across all modern web infrastructure, both today and for the foreseeable future.
Video as a web medium has long been ruled by highly specialized video engineers who understand the many back-end considerations required to make video playback predictable.
But it’s reasonable to forecast that with open source breakthroughs like Media Chrome, video will follow a similar trajectory as the rest of today’s API-driven ecosystems, where developers will be able to choose the slickest front-end technologies they want to use to create custom video experiences on the web, while using API calls to invoke the back-end infrastructure that serves their purposes. That’s cool, and it’s progress.
Disclosure: I work for MongoDB but the views expressed herein are mine.
From the hottest programming languages to commentary on the Linux OS, get the developer and open source news and tips you need to know.
How open source is disrupting video and making it friendlier for developers
Your email has been sent
Your message has been sent
TechRepublic Premium content helps you solve your toughest IT issues and jump-start your career or next project.
Windows 11 gets an annual update on September 20 plus monthly extra features. In enterprises, IT can choose when to roll those out.
Edge AI offers opportunities for multiple applications. See what organizations are doing to incorporate it today and going forward.
This is a complete guide for Apple’s iPadOS. Find out more about iPadOS 16, supported devices, release dates and key features with our cheat sheet.
Discover data intelligence solutions for big data processing and automation. Read more to explore your options.
Whether you are a Microsoft Excel beginner or an advanced user, you’ll benefit from these step-by-step tutorials.
Edge computing is an architecture intended to reduce latency and open up new applications. The terms around it can be fluid, but are helpful to know. From the glossary’s introduction: Edge computing is an architecture which delivers computing capabilities near the site where the data is used or near a data source. In an idealized …
This document helps make sure that you address data governance practices for an efficient, comprehensive approach to data management. This checklist from TechRepublic Premium includes: an introduction to data governance, a data governance checklist and how to manage a data governance checklist. From this checklist’s introduction: Data governance is the process by which an organization …
Recruiting a Scrum Master with the right combination of technical expertise and experience will require a comprehensive screening process. This hiring kit provides a customizable framework your business can use to find, recruit and ultimately hire the right person for the job. This hiring kit from TechRepublic Premium includes a job description, sample interview questions …
Knowing the terminology associated with Web 3.0 is going to be vital to every IT administrator, developer, network engineer, manager and decision maker in business. This quick glossary will introduce and explain concepts and terms vital to understanding Web 3.0 and the technology that drives and supports it.


Related Articles


Please enter your comment!
Please enter your name here

Latest Articles