Applied Technology: Migrating from Flash Player to an HTML5 Solution
_789_894_70_s.jpg)
The transition from a Flash player to HTML5 playout need not be complicated.
The problem with Flash Player is that it is insecure. Mozilla even disabled it for a couple of days in July due to vulnerabilities. The solution is to move to an HTML5-based playout. The transition need not be complex.
The problem with Flash Player is that it is insecure (Mozilla even disabled it for a couple of days in July due to vulnerabilities), but also a resource-hog with an uncertain future. Not only did Google roll out a fix "intelligently" blocking auto-playing Flash elements in Chrome by default, but Facebook’s new chief security officer Alex Stamos called for Adobe to "announce an end-of-life date for Flash" after the July security issue.
Still, many streaming services rely on Flash because it is generally considered that migrating towards HTML5 playback invariably involves adopting MPEG-DASH (Dynamic Adaptive Streaming over HTTP, a non-proprietary standard growing in popularity). And since adopting DASH would often require significant changes in current setups (e.g. encoding, player), many are hesitant in making this move. Not to mention that MPEG-DASH is in some danger of losing momentum due to MPEG LA’s patent pool, which indicates that adopters may need to pay future royalties.
What many are not aware of is that if you have HLS (HTTP Live Streaming, a popular adaptive streaming protocol developed by Apple) streams you are already fully equipped to go HTML5 and quit Flash. How? By making use of native plugin-free HLS playback in HTML5. The best thing is that this innovative implementation is viable through the of use currently existing and tested modern software technology (HTML5/MSE), not through hacks and patches. Currently, all modern browsers support MSE (Media Source Extensions), which is the only requirement for native HLS playback in HTML5.
One production-quality solution offering this functionality is Viblast Player. Being a player engine rather than a fully-fledged player (no UI/UX components), Viblast Player can easily extend existing players’ features with HTML5 HLS playback, thus keeping viewer experience unchanged. Viblast Player is pluggable into the most popular solutions in use today: JW Player, Flowplayer, video.js and custom-built HTML5-based players.
This viable solution is relatively little known as it was not possible until MSE became widely adopted. MSE is a W3C specification that allows JavaScript to generate media streams for playback, which enables such things as adaptive media streaming, live streaming and splicing videos, for example. What HLS-capable HTML5 players do via MSE is download audio and video content, change the container format, making it suitable for MSE, and feed it into the video tag or into another player for playback.
A few words on browser support. All modern browsers but Firefox currently support MSE. However, if you start your migration to HTML5 via HLS now, you will be ready for production by November 3(with plenty of time to spare). This is Mozilla’s official date for including universal MSE support in Firefox. The beta version of the release in question, Firefox 42, has this functionality working already. After Firefox’s long-awaited update in November, HLS will be playable natively in over 90 percent of the world’s browsers - with the only exception of Internet Explorer <11 and IE users on Windows <8.
HTML5 playback is undoubtedly going to replace Flash Player, and MPEG-DASH is likely to become the standard that will facilitate this change. However, until streaming services are ready to make the jump to MPEG-DASH, they need not be tied down to Flash and all its shortcomings. Making use of the widely-used HLS format, they can enter the HTML5 era without having to change more than a few lines of code.
Switching from Flash to HTML5 playback is really just a step away.
You might also like...
Audio At NAB 2025
Key audio themes at NAB 2025 remain persistently familiar – remote workflows, distributed teams, and ultra-efficiency… and of course AI. These themes have been around for a long time now but the audio community always seems to find very new ways of del…
Remote Contribution At NAB 2025
The technology required to get high quality content from the venue to the viewer for live sports production remains an area of intense research and development, so there will be plenty of innovation and expertise in this area on the…
Production Network Technologies At NAB 2025
As NAB approaches we pick up the key theme of hybrid production network infrastructure that combines SDI-IP network infrastructure & data center model compute resources, with a run-down of what to expect from vendors on the show floor.
KVM & Multiviewer Systems At NAB 2025
It’s NAB time again. Once again, as we head towards the show, we will take a look at the key product announcements across a range of key technology and workflow areas. We begin with the always critical world of K…
Sports Production Infrastructure – Where’s The Compute?
The evolution of IP based production and increased computer processing power have enabled new workflows, so how is compute resource being deployed to create new remote and hybrid approaches?