Share this
Going Big Screen: How To Use Your Own Player on Samsung Tizen?
by Pieter-Jan Speelmans on May 3, 2021
In the previous blog posts, we’ve covered how to bring your applications to Samsung Tizen, discussed how to leverage Samsung Tizen's native playback component, AVPlay, as well as its use case limitations, and delved deeper into the technical limitations present across different Samsung Tizen versions and models. In this blog, we will take a look at how to utilise your own video player on Tizen and its benefits over the Native approach.
THIS IS A SNIPPET FROM OUR “GOING BIG SCREEN: BRINGING VIDEO TO SAMSUNG TIZEN” GUIDE WHICH YOU CAN DOWNLOAD HERE.
Build-Your-Own Approach: Leveraging MSE/EME APIs
Due to the limitations of native players such as AVPlay, the popularity of the “build your own” approach to video players is growing rapidly with OTT video publishers. This approach allows us to avoid the biggest issues with AVPlay due to the differences between Samsung TV models and Tizen versions.
When taking the build your own player approach, it is important that hardware capabilities for DRM decryption and media decoding can be leveraged. This has an impact on viewer experience as it allows to unlock capabilities such as HDR, but also is often important for battery efficiency. On Samsung’s Tizen platform media hardware access is possible thanks to the presence of the Media Source Extension (MSE) API and the Encrypted Media Extension (EME) API. Tizen has supported different versions of these APIs since Tizen 2.3 (2015 models). While versions differ, support is broad enough to implement all the most important use cases with only a limited set of limitations (but more on this later).
The MSE API provides access to the decoders. Samsung has gradually extended support on this over the last years, increasing frame rates, resolutions and bitrates as devices became more powerful. The API allows an application to allocate buffers on the audio and video decoders of the device and feed it with media data. This allows implementation of common streaming protocols such as HLS and MPEG-DASH (as well as others). A video player can download the required playlist or manifest, identify the relevant segments, download them and append them one after the other as playback happens.
Leveraging MSE for basic playback can be quite simple. In a rudimentary form, you should use the following steps:
- Get a handle on an HTML5 Video Element (or <video> tag).
var video = document.getElementById('video'); - Create a new MediaSource through MSE-API.
var mediaSource = new MediaSource(); - Wait for the MediaSource to "open" to create a SourceBuffer (the direct interface to the decoders buffer where you can store raw data) and load it in the video element.
mediaSource.addEventListener('sourceopen',function(e){// ...var videoSourceBuffer=mediaSource.addSourceBuffer(‘videoMimeType’);// ...});video.src=window.URL.createObjectURL(mediaSource); - Download and parse the right playlist for your stream (keeping in mind bitrate selection) and identify the segments you want to load.
- Download the appropriate segments and append them to your SourceBuffer.
while(nextSegment){var segment = await download(nextSegment.uri);sourceBuffer.appendBuffer(segment);
nextSegment = findNextSegment(playlist);}
Leveraging the Encrypted Media Extensions API to enable playback of DRM protected content is relatively straightforward:
- Request access to the Key System
navigator.requestMediaKeySystemAccess('com.widevine.alpha',options); - Create a MediaKeys object on which the media session will live later on.
var mediaKeys = keySystemAccess.createMediaKeys(); - Listen for an encrypted-event indicating a new DRM session to be started.
video.addEventListener('encrypted',function(event){var keySession= mediaKeys.createSession();keySession.generateRequest
(event.initDataType, event.initData);// ...}); - Handle Messages from the session when it faces encrypted content with a key it doesn't know.
keySession.addEventListener("message",function(event){var request= event.message;var response=await postRequest(licenseServerURI, request);keySession.update(response);}); - With the License response the CDM can then start decryption of the content so it can be played.
The very simple examples earlier in this article can already provide basic playback of the downloaded segments. A fully featured media player however does much, much more such as:
- Identifying user behavior such as playing / pausing.
- Reacting to the user seeking to a new timestamp.
- Modifying the media player’s volume.
- Following the appropriate autoplay policies to start playback upon the application being opened.
- Providing support for changing the playback speed.
- Monitoring the available network environment and dynamically switching to the appropriate bitrate.
- Ensure continued playback in case media data is unavailable.
- Avoiding and handling buffer underrun (and the resulting stalling behavior for viewers).
- Exposing alternative audio and video tracks to the viewer and allowing them to switch.
- Retrieving and overlaying subtitles and closed captions timed exactly right to ensure a good viewer experience.
- Handling errors in the DRM license request flow.
- And much, much more…
Even with all of the basics implemented, there is a large difference between different media player options. While there are open source libraries such as hls.js, dash.js and Shaka Player that provide basic playback support for the HLS and/or MPEG-DASH protocol, more advanced players such as THEOplayer provide even more support such as integrations with various DRM systems, monetization options with CSAI and SSAI, picture in picture support, support for offline downloading, etc.
In the next blogpost, we are going to lay out the key considerations when picking a media player for your Build-Your-Own approach. Additionally, we will also summarise with the key takeaways on how to pick the most suitable player strategy for Samsung Tizen.
You can download the complete version of this topic in our “GOING BIG SCREEN: BRINGING VIDEO TO SAMSUNG TIZEN” guide here.
Questions about our Tizen support? Contact our THEO experts.
Share this
- THEOplayer (39)
- online streaming (36)
- low latency (28)
- live streaming (27)
- video streaming (22)
- HESP (20)
- HLS (19)
- new features (19)
- SDK (18)
- html5 player (16)
- cross-platform (15)
- online video (14)
- LL-HLS (11)
- MPEG-DASH (11)
- best video player (11)
- THEO Technologies (10)
- THEOlive (10)
- Tizen (10)
- awards (10)
- content monetisation (10)
- delivering content (10)
- latency (10)
- partnership (10)
- SmartTV (9)
- fast zapping (9)
- video codec (9)
- Big Screen (8)
- Samsung (8)
- Adobe flash (7)
- High Efficiency Streaming Protocol (7)
- Streaming Media Readers' Choice Awards (7)
- WebOS (7)
- advertising (7)
- html5 (7)
- innovation (7)
- low bandwidth (7)
- Apple (6)
- Efficiency (6)
- Events (6)
- SSAI (6)
- Bandwidth Usage (5)
- CDN (5)
- Deloitte (5)
- LG (5)
- Online Advertising (5)
- Ultra Low Latency (5)
- adaptive bitrate (5)
- nomination (5)
- release (5)
- roku (5)
- viewers expercience (5)
- AV1 (4)
- CMAF (4)
- DVR (4)
- HTTP (4)
- Update (4)
- ad revenue (4)
- case study (4)
- fast 50 (4)
- google (4)
- streaming media west (4)
- support matrix (4)
- ABR (3)
- Chrome (3)
- H.265 (3)
- HESP Alliance (3)
- HEVC (3)
- IBC (3)
- IBC trade show (3)
- THEO Technologies Partner Success Team (3)
- THEOplayer Partner Success Team (3)
- Year Award (3)
- content encryption (3)
- content protection (3)
- customise feature (3)
- drm (3)
- dynamic ad insertion (3)
- monetization (3)
- reduce buffering (3)
- scalable (3)
- video monetization (3)
- "content delivery" (2)
- "network api" (2)
- AES-128 (2)
- CSI Awards (2)
- Cost Efficient (2)
- Encoding (2)
- Encryption (2)
- FireTV (2)
- H.264 (2)
- MPEG (2)
- Microsoft Silverlight (2)
- Start-Up Times (2)
- UI (2)
- VMAP (2)
- VOD (2)
- VP9 (2)
- VPAID2.0 (2)
- adobe (2)
- ads in HTML5 (2)
- analytics (2)
- captions (2)
- chromecast (2)
- chromecast support (2)
- client-side ad insertion (2)
- clipping (2)
- closed captions (2)
- content integration (2)
- customer case (2)
- deloitte rising star (2)
- fast500 (2)
- frame accurate clipping (2)
- frame accurate seeking (2)
- interactive video (2)
- metadata (2)
- multiple audio (2)
- nab show (2)
- playback speed (2)
- plugin-free (2)
- pricing (2)
- server-side ad replacement (2)
- subtitles (2)
- video (2)
- video content (2)
- video publishers (2)
- video trends (2)
- viewer experience (2)
- "smooth playback" (1)
- 360 Video (1)
- AOM (1)
- API (1)
- Android TV (1)
- BVE (1)
- Best of Show (1)
- CEA-608 (1)
- CEA-708 (1)
- CORS (1)
- DIY (1)
- Edge (1)
- FCC (1)
- HLS stream (1)
- Hudl (1)
- LCEVC (1)
- LHLS (1)
- LL-DASH (1)
- Microsoft Azure Media Services (1)
- Monoscopic (1)
- NAB Show 2016 (1)
- NPM (1)
- NetOn.Live (1)
- OMID (1)
- Periscope (1)
- Press Release (1)
- React Native (1)
- React Native SDK (1)
- Real-time (1)
- SIMID (1)
- Scale Up of the Year award (1)
- Seeking (1)
- Stereoscopic (1)
- Swisscom (1)
- TVB Europe (1)
- Tech Startup Day (1)
- Telenet (1)
- Uncategorized (1)
- University of Manitoba (1)
- User Interface (1)
- VAST (1)
- VPAID (1)
- VR (1)
- VR180 (1)
- Vivaldi support (1)
- Vualto (1)
- ad block detection (1)
- ad blocking (1)
- adblock detection (1)
- android (1)
- apple tv (1)
- audio (1)
- autoplay (1)
- cloud (1)
- facebook html5 (1)
- faster ABR (1)
- fmp4 (1)
- hiring (1)
- iGameMedia (1)
- iOS (1)
- iOS SDK (1)
- iPadOS (1)
- id3 (1)
- language localisation (1)
- micro moments (1)
- mobile ad (1)
- new web browser (1)
- offline playback (1)
- preloading (1)
- program-date-time (1)
- seamless transition (1)
- server-side ad insertion (1)
- sports betting (1)
- sports streaming (1)
- stream problems (1)
- streaming media east (1)
- support organization (1)
- thumbnails (1)
- use case (1)
- video clipping (1)
- video recording (1)
- video trends in 2016 (1)
- visibility (1)
- vulnerabilities (1)
- webRTC (1)
- wowza (1)
- zero-day exploit (1)
- April 2023 (4)
- March 2023 (2)
- December 2022 (1)
- September 2022 (4)
- July 2022 (1)
- June 2022 (3)
- April 2022 (1)
- March 2022 (1)
- January 2022 (1)
- November 2021 (1)
- October 2021 (3)
- September 2021 (3)
- July 2021 (1)
- June 2021 (1)
- May 2021 (4)
- April 2021 (4)
- March 2021 (6)
- February 2021 (8)
- January 2021 (4)
- December 2020 (1)
- November 2020 (2)
- October 2020 (1)
- September 2020 (2)
- August 2020 (1)
- July 2020 (3)
- June 2020 (3)
- May 2020 (1)
- April 2020 (3)
- March 2020 (3)
- February 2020 (1)
- January 2020 (3)
- December 2019 (3)
- November 2019 (3)
- October 2019 (1)
- September 2019 (4)
- August 2019 (1)
- June 2019 (1)
- December 2018 (1)
- November 2018 (3)
- October 2018 (1)
- August 2018 (4)
- July 2018 (2)
- June 2018 (2)
- April 2018 (1)
- March 2018 (3)
- February 2018 (2)
- January 2018 (2)
- December 2017 (1)
- November 2017 (1)
- October 2017 (1)
- September 2017 (2)
- August 2017 (3)
- May 2017 (3)
- April 2017 (1)
- March 2017 (1)
- February 2017 (1)
- December 2016 (1)
- November 2016 (3)
- October 2016 (2)
- September 2016 (4)
- August 2016 (3)
- July 2016 (1)
- May 2016 (2)
- April 2016 (4)
- March 2016 (2)
- February 2016 (4)
- January 2016 (2)
- December 2015 (1)
- November 2015 (2)
- October 2015 (5)
- August 2015 (3)
- July 2015 (1)
- May 2015 (1)
- March 2015 (2)
- January 2015 (2)
- September 2014 (1)
- August 2014 (1)