How Libre can you go?

Similar documents
HTML 5 and CSS 3, Illustrated Complete. Unit K: Incorporating Video and Audio

Technologies Web Côté client

IDM 221. Web Design I. IDM 221: Web Authoring I 1

Video Developer Report 2017

TotalCode Enterprise is an ideal solution for video-on-demand content preparation for any screen anywhere.

HTML5 HTML & Fut ure o Web M edi dia Streami a est Work h op, ov 2010 Michael Dale Zohar Babin eve oper o Dev R l e t a i tions & C

nanostream WebRTC.live

Video. Add / edit video

Codecs in 2018 and Beyond

Multimedia Standards

Transcoding SDK. Professional Transcoding Engine

A Seamless Web Integration of Adaptive HTTP Streaming

Our Market. Overwhelming Growth of Video & It s Still Early

A Joint SLC/RealEyes Production.

CITS3403 Agile Web Development Semester 1, 2016

White Paper: HTML5 Streaming (Plug-in Free Web Viewer) hanwhasecurity.com

Anatomy of a DASH Client. Ali C. Begen, Ph.D.

HLS Authoring Update. Media #WWDC17. Eryk Vershen, AVFoundation Engineer

Contents. About Objective Quality Benchmarks 15 Overview of Objective Benchmarks and Tools 16

xview Data Sheet XTRMX April 2018 xtrmx.com/xview

TEACHERS INITIAL DIMENSIONS (PX) Medium Rectangle 300x250 Expansion not allowed for this unit

Webm support edge. Webm support edge. SEARCH Enter search here GO!

Our Technology Expertise for Software Engineering Services. AceThought Services Your Partner in Innovation

Designing the ideal video streaming QoE analysis tool

Chapter 28. Multimedia

Dolby Vision. Streams within the HTTP Live Streaming format

ShowNTell - An easy-to-use tool for answering students questions with voiceover

H5STREAM. Copyright 2018 linkingvison, All rights reserved

Wowza Transcoder. User's Guide

Mobile Cloud Computing & Adaptive Streaming

Unifying the Flash and HTML5 Video Experience

ADAPTIVE STREAMING AT. Justin Ruggles Lead Engineer, Transcoding & Delivery

Important Encoder Settings for Your Live Stream

Online Help Browser Requirements Safari *Please note: Episode 7 does not support OS X or previous versions of Mac OS X.

Variations Mobile: Developing an ios Audio Streaming App. September 2011 IU Statewide IT Conference. Mark Notess Sarah Schmiechen

DASH trial Olympic Games. First live MPEG-DASH large scale demonstration.

A TV platform jelen kihívásai és a fejlődés iránya. Horváth Ede 2017 October 05.

DVS-200 Configuration Guide

Interoperability Quest: OTT Video, WebApps and CE

Image and video processing

Achieving Low-Latency Streaming At Scale

Switch Release Notes. Switch

Universal Ad Package (UAP)

Install Flash Plugin Manually Internet Explorer 9 Webm

IMPROVING LIVE PERFORMANCE IN HTTP ADAPTIVE STREAMING SYSTEMS

Computing in the Modern World

Full HD HEVC(H.265)/H.264 Hardware IPTV Encoder Model: MagicBox HD4 series MagicBox HD401: Single channel HDMI/AV, HDMI/VGA/YPbPr/AV, HDSDI input

Wowza Streaming Engine

Wowza ndvr. User's Guide

Building Rich Interactive Applications with Silverlight

Comparing AV1, VP9, HEVC, and H.264. Jan Ozer Streaming Media East

Widevine DRM for HLS. version 0.9

HTML5 - INTERVIEW QUESTIONS

Development of a remote experiment under a unified remote laboratory framework

TechNote AltitudeCDN Multicast+ and OmniCache Support for Citrix

DNA Evolution 4.0 Workflow Guide for Automated Third-party Preview Generation

What s New in Laserfiche Web Access 10

Debunking HTML5 Video Myths: A Guide for Video Publishers. by Robert Reinhardt

Streaming Technologies Delivering Multimedia into the Future. May 2014

WebM and VP8. Demystifying Video Encoding

Multimedia Content. Web Architecture and Information Management [./] Spring 2009 INFO (CCN 42509) Contents. Erik Wilde, UC Berkeley School of

360 VIDEO CLOUD STREAMING & HTMLVIDEOELEMENT EXTENSIONS

DVS-100P Configuration Guide

250x250 以上は縮小. 現在 1 人くらいが見てます. カタログ新順古順多順少順履歴 Here's a gallery of video

SamKnows test methodology

irtc: Live Broadcasting

November 2017 WebRTC for Live Media and Broadcast Second screen and CDN traffic optimization. Author: Jesús Oliva Founder & Media Lead Architect

Spark SDK Video - Overview and Coding Demo

ADVERTISING SPECIFICATION

EvoStream Media Server How To

Technology solution provider focused on Video and Test Orchestration solution Developing a Video Solution for Enterprise / Surveillance Application

Validating HTTP Live Streams

Creating An MP3 Player With HTML5 By Mark Lassoff READ ONLINE

video It's a lot more than just a HTML5 tag Jess Portnoy Kaltura, Inc

Completing the Multimedia Architecture

Content Protection for HTTP Live Streaming

Until HTML5, there has never been a standard for showing video on a web page. Previously, most videos were shown through a plugin (mainly Flash).

Online Help Browser Requirements Safari *Please note: Episode 7 does not support OS X or previous versions of Mac OS X.

Webcaster Frequently Asked Questions

Building an Area-optimized Multi-format Video Encoder IP. Tomi Jalonen VP Sales

Panopto 5.4 Release Notes

TBS8510 Transcoder Server User Guide

TotalCode Studio. Professional desktop encoding for digital distribution and over the top services NEW FEATURES

HTML Forms. CITS3403 Agile Web Development. 2018, Semester 1

Flash, Video. How to add Flash movies into your site How to add video and audio to your site HTML5 <video> and <audio> elements

MODELING REAL-TIME MULTIMEDIA STREAMING USING HLS PROTOCOL

MISB EG Motion Imagery Standards Board Engineering Guideline. 24 April Delivery of Low Bandwidth Motion Imagery. 1 Scope.

TABLE OF CONTENTS. 7 Chat Files Attendees Questions Settings... 18

Emerging technologies, trends and standards that can impact ongoing the evolution of government streaming platforms

Cisco TelePresence Content Server

DVS-200 Configuration Guide

Lesson 5: Multimedia on the Web

WorldNow Producer. Encoding Video

Go! Production Suite. v2.0.5 Release Notes. Go! v2.0.5 Go! Plugin For Adobe Premiere Pro v2.0 Media Transformer v Snell Advanced Media

HTML5: MULTIMEDIA. Multimedia. Multimedia Formats. Common Video Formats

Cisco TelePresence Content Server

Cisco TelePresence Content Server

HDMI/HD-SDI HEVC/H.264 IPTV

MAX 2007 Integrating Flex and Video

Frequently Asked Questions

Transcription:

How Libre can you go? Reaching as many viewers as possible using only libre video technologies. Phil Cluff, February 2019

Reaching as many viewers as possible using only libre video technologies.

Reaching as many web viewers as possible with the best user experience possible using only libre video technologies.

libre video technologies? Avoid patent encumbered technologies Prefer technologies that are developed in the open

No-one wants that

Wikipedia wants that Wikimedia Commons seeks video files which are within the project scope, such as educational videos, and which are in a free file format, which currently only means WebM and Ogg Theora (and WebM is preferred).

Components of Media Playback Encoder Codec Container Delivery Technology Player

Components of Media Playback Encoder Codec Container Delivery Technology Player

Codecs

Codecs Libre Patent Encumbered Video: VP8 VP9 AV1 Video: H.264 (AVC) H.265 (HEVC) VVC Audio: Vorbis Opus Audio: AAC AC3 eac3

Codecs Libre Patent Encumbered Video: VP8 VP9 AV1 Video: H.264 (AVC) H.265 (HEVC) VVC Audio: Vorbis Opus Audio: AAC AC3 eac3

Let s test those codecs! (on evergreen browsers)

Demo: Desktop browser codec support

Desktop Coverage Stats Chrome: 71% Firefox: 10% Safari: 5% Edge: 4% ~ 85% coverage on Desktop Approximate AVC + AAC in MP4 coverage: >95% Problems: Safari: 5%, Internet Explorer: 5% Stats: Statcounter Global, Dec 2018.

But

49% of Web traffic is Mobile Stats: Statcounter Global, Dec 2018.

Demo: Mobile browser codec support

Mobile Coverage Stats Android Chrome: 41% ios Chrome: 14% ios Safari: 23% ~ 41% coverage on Mobile Approximate AVC + AAC in MP4 coverage: >90% Problems: ios: 37% Stats: Statcounter Global, Dec 2018.

Workarounds? Various polyfills are available Polyfills can render unsupported codecs in browsers by using a combination of Canvas and WebAudio OGV.js is a great example Drawbacks? CPU heavy, non-native experience, no MSE/sourcebuffer support

Demo: OGV.js

Since August 2015, OGV.js can be seen in action on Wikipedia and Wikimedia Commons in Safari and IE/Edge where native Ogg and WebM playback is not available. OGV.js README.md

Containers

Containers Codecs and Containers commonly come as pairs. Libre Patent Encumbered Matroska / WebM VP8 / VP9 / AV1 / Opus / Vorbis MPEG MP4 / ISOBMFF H.264 / H.265 / AAC / AC3 / VP9* MPEG Transport Stream * Netflix have a spec for this, not used widely

Delivery Technologies

Delivery Technologies What s wrong with a progressive WebM? Viewer s bandwidth is changing all the time We could just progressively stream one file, but some users would encounter buffering, and some users would sacrifice quality Known as Adaptive Bitrate or ABR Encode at multiple bitrates and resolutions, segment the output files, and switch between renditions based on available bandwidth

Adaptive Bitrate Technologies HTTP Live Streaming (HLS) Dynamic Adaptive Streaming over HTTP (DASH) M3U8 manifest file XML manifest file Separate Master and Rendition manifests Single manifest file for everything

Common ABR Technologies Libre Patent Encumbered MPEG DASH An XML file with a patent pool??? Apple HLS Also ITEF RFC 8216

Ah

We don t have a libre ABR technology

Solutions? Create an open ABR standard? Moving Picture Amateurs Group Simple Adaptive Streaming over HTTP MPAG-SASH https://github.com/sfvideo/sash Simple, JSON, Browser friendly Use HLS? While not an open standard, there s no patents for it, and there s an ITEF snapshot HLS with WebM, VP8/9, Opus/Vorbis isn t supported anywhere, and is unlikely to be added to the specification

But

ABR needs Player Support and Polyfills need sourcebuffer like APIs

Speaking of Players

Open source player components Video.JS Comprehensive open source Player framework Has DASH and HLS support built in Would be feasible to add plugins with SASH support, or WebM in HLS support Has a OGV.js integration Apache 2 License Hls.js Adds HLS Playback to the HTML video element on browsers that don t support it natively Could be extended to support WebM + HLS Apache 2 License

Libre delivery chain proposal Today: VP9 / Vorbis in WebM Video JS with OGV.JS polyfill Coverage: ~90% Desktop, ~80% Mobile Next: ABR - HLS manifests or develop something new Polyfills with ABR capabilities

Does help? Maybe! (Hopefully!) Chrome, Firefox already support AV1 Apple & Microsoft joined AOM Microsoft have a beta AV1 decoder in the app store which works in Edge Apple also just announced they re removing VP8/9 support from Quicktime Apple would need an ABR solution if they push AV1 support Apple: AV1 in fmp4 with HLS?

Code Codec Test & OGV.js Test Code: https://github.com/geneticgenesis/codec-tests Hosted: https://geneticgenesis.github.io/codec-tests MPAG SASH proposal Code: https://github.com/sfvideo/sash Players playground Code: https://github.com/geneticgenesis/phils-players Hosted: http://philcluff.co.uk/players

Community - Video Dev Slack https://video-dev.org 2,200 video engineers in one place #libre for chat about this talk #mpag-sash for libre ABR debate

Community - https://demuxed.com Community of video engineers 2 day conference in San Francisco in October 500+ video engineers in one place Also a Podcast!