View source for Media Source Extensions

{{Infobox technology standard
| title             = MSE
| long_name         = Media Source Extensions
| native_name       = Media Source Extensions
| native_name_lang  = en
| image             = 
| caption           = 
| status            = [[Organization:World Wide Web Consortium#Candidate recommendation (CR)|Candidate Recommendation]]<ref name="mse-published">{{Cite tech report|url=https://www.w3.org/TR/2016/REC-media-source-20161117/|title=Media Source Extensions™|editor-last1=Wolenetz|editor-first1=Matthew|editor-last2=Smith|editor-first2=Jerry|editor-last3=Watson|editor-first3=Mark|editor-last4=Colwell|editor-first4=Aaron|editor-last5=Bateman|editor-first5=Adrian|website=W3C|via=W3C}}</ref><ref name="mse-history">{{Cite web|url=https://www.w3.org/standards/history/media-source|title=Media Source Extensions™ Publication History - W3C|website=W3C|date=21 September 2022 }}</ref>
| year_started      = {{Start date|2013}} <ref name="mse-draft-2013-01-29">{{Cite tech report|url=https://www.w3.org/TR/2013/WD-media-source-20130129/|title=Media Source Extensions|date=2013-01-29|access-date=2021-03-19|editor-last1=Colwell|editor-first1=Aaron|editor-last2=Bateman|editor-first2=Adrian|editor-last3=Watson|editor-first3=Mark|website=W3C|via=W3C}}</ref>
| first_published   = {{Start date|2013|01|29}}<ref name="mse-published" />
| version           = Candidate Recommendation
| version_date      = {{Start date|2016|11|17}}<ref name="mse-published" />
| preview           = Editor's draft
| preview_date      = {{Start date|2021|04|21}}<ref name="mse-draft">{{Cite web|url=https://w3c.github.io/media-source/|title=Media Source Extensions™|date=2021-04-21|access-date=2021-04-21|website=w3c.github.io|publisher=Media Working Group|author=Media Working Group|version=Editor's draft
|editor-first1=Matthew|editor-last1=Wolenetz
|editor-first2=Mark|editor-last2=Watson
|editor-first3=Jerry|editor-last3=Smith
|editor-first4=Aaron|editor-last4=Colwell
|editor-first5=Adrian|editor-last5=Bateman
}}</ref>
| organization      = {{Plainlist|
* {{abbr|[[Organization:World Wide Web Consortium|W3C]]|World Wide Web Consortium}}
* [[Company:Google|Google]]
* [[Company:Microsoft|Microsoft]]
* [[Company:Netflix|Netflix]]
}}
| committee         = [[HTML Working Group|HTML Media Extensions Working Group]]
| editors           = {{Plainlist|
* Matthew Wolenetz
* Mark Watson
{{Collapsible list|title=Former editors|
* Jerry Smith (until {{end date|2017|09}})
* Aaron Colwell (until {{end date|2015|04}})
* Adrian Bateman (until {{end date|2015|04}})
}}
}}<ref name="mse-draft" /><ref name="mse-published" />
| authors           = HTML Media Extensions Working Group
| base_standards    = [[HTML]], [[Web IDL]]
| related_standards = [[Encrypted Media Extensions]]
| abbreviation      = EME, media-source
| domain            = [[HTML5 video]], [[HTML5 audio]]
| license           = 
| website           = {{Plainlist|
* '''Latest version''': {{URL|https://www.w3.org/TR/media-source/}}
* '''Editor's draft''': {{URL|https://w3c.github.io/media-source/}}
}}
}}

'''Media Source Extensions''' ('''MSE''') is a W3C specification that allows [[JavaScript]] to send byte streams to media codecs within [[Software:Web browser|web browser]]s that support [[HTML5 video]] and [[HTML5 audio|audio]].<ref>{{cite web|url=https://www.w3.org/TR/2016/REC-media-source-20161117//|title=Media Source Extensions W3C Recommendation |date= 17 November 2016|access-date=5 January 2021}}</ref> Among other possible uses, this allows the implementation of client-side prefetching and [[Data buffer|buffer]]ing code for [[Engineering:Streaming media|streaming media]] entirely in [[JavaScript]]. It is compatible with, but should not be confused with, the [[Encrypted Media Extensions]] (EME) specification, and neither requires the use of the other, although many EME implementations are only capable of decrypting media data provided via MSE.<ref>{{Cite web|url=https://www.w3.org/TR/2017/REC-encrypted-media-20170918/|title=Encrypted Media Extensions |date= 18 September 2017|access-date=29 January 2020}}</ref>

[[Company:Netflix|Netflix]] announced experimental support in June 2014 for the use of MSE playback on the Safari browser on the [[Software:OS X Yosemite|OS X Yosemite]] beta release.<ref>{{cite web|url=http://techblog.netflix.com/2014/06/html5-video-in-safari-on-os-x-yosemite.html|title=HTML5 Video in Safari on OS X Yosemite |author=Anthony Park and Mark Watson | date=3 June 2013|publisher=Netflix}}</ref>

[[Company:YouTube|YouTube]] started using MSE in its [[HTML5]] player in September 2013.


== Browser support ==
Media Source Extensions [[API]] is widely supported across all modern web browsers, with the only exception being iPhone-family devices (although it is supported on iPadOS).<ref>{{Cite web|title=Media Source Extensions|website=Can I use...|url=https://caniuse.com/mediasource|access-date=2021-07-30|quote=Fully supported only in iPadOS 13 and later}}</ref> Firefox 37 already had a subset of MSE API available for use with only YouTube in Firefox 37 on Windows Vista or later only,<ref>{{Cite web|author=Mozilla|date=2015-03-31|title=Firefox 37.0, See All New Features, Updates and Fixes|url=https://www.mozilla.org/en-US/firefox/37.0/releasenotes/|access-date=2021-04-24|website=Mozilla|version=37.0}}</ref> while Mac OS X version had in enabled starting version 38.<ref>{{Cite web|author=Mozilla|date=2015-05-12|title=Firefox 38.0, See All New Features, Updates and Fixes|url=https://www.mozilla.org/en-US/firefox/38.0/releasenotes/|access-date=2021-04-24|website=Mozilla|version=38.0}}</ref>
{| class="wikitable"
|+Browser support for Media Source Extensions
! colspan="6" |Desktop
! colspan="6" |Mobile devices
|-
! colspan="6" |Windows, Mac OS, Linux
!iOS
! colspan="5" |Android
|-
!Internet Explorer
!Edge
!Chrome
!Firefox
!Safari
!Opera
!All browsers<ref>All browsers on iOS platform must use WebKit engine[https://www.howtogeek.com/184283/why-third-party-browsers-will-always-be-inferior-to-safari-on-iphone-and-ipad/]</ref>
!Edge
!Chrome
!Firefox
!Opera
!Samsung Internet
|-
|11.0<ref name="status-dash">{{Cite web|author=Stefan|date=2015-02-02|title=The Status of MPEG-DASH today, and why YouTube & Netflix use it in HTML5 & beyond|url=http://www.dash-player.com/blog/2015/02/the-status-of-mpeg-dash-today-and-why-youtube-and-netflix-use-it-in-html5/|url-status=dead|archive-url=https://web.archive.org/web/20150221075920/http://www.dash-player.com/blog/2015/02/the-status-of-mpeg-dash-today-and-why-youtube-and-netflix-use-it-in-html5/|archive-date=2015-02-21|access-date=2021-04-24|website=dash-player.com|collaboration=bitmovin Team}}</ref>
|12+<ref name=":0">{{Cite web|last=McCormick|first=Libby|date=2015-11-05|title=Media Source Extensions (MSE) (Windows)|url=https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/dev-guides/dn594470(v%3dvs.85)|access-date=2021-04-24|website=docs.microsoft.com}}</ref>
|{{no|23–30}}<ref name=":2">Not supported by default, but could be enabled via browser settings</ref><ref>{{Cite web|title=Media Source Extensions - Chrome Platform Status|url=https://www.chromestatus.com/feature/4563797888991232|access-date=2021-07-30|website=www.chromestatus.com}}</ref>
|{{no|38–41}}<ref name=":2" />
|8+
|30+<ref>{{Cite web|author-last=Bynens|author-first=Mathias|date=2015-06-09|title=Dev.Opera — Opera 30 released|url=https://dev.opera.com/blog/opera-30/|access-date=2021-04-24|website=dev.opera.com}}</ref>
|{{partial|iOS 13+}}<ref>Media Source Extensions is only available on [https://caniuse.com/mediasource iPadOS]</ref>
|12+
|92+
|90+
|64+
|9.2+
|-
|
|
|31+
|42+<ref name=":1">{{Cite web|author=Mozilla|date=2015-11-03|title=Firefox 42.0, See All New Features, Updates and Fixes|url=https://www.mozilla.org/en-US/firefox/42.0/releasenotes/|access-date=2021-04-24|website=Mozilla|version=42.0}}</ref>
|
|
|
|
|
|
|
|
|}

=== Minor browsers ===

* '''Pale Moon''' from version 27.0, since 22 November 2016.<ref>{{Cite web|date=2016-11-22|title=Pale Moon - Release Notes for Archived Versions § 27.0.0 (2016-11-22)|url=https://www.palemoon.org/releasenotes-archived.shtml|access-date=2021-04-24|website=www.palemoon.org|version=27.0.0}}</ref>

== Players ==
* [https://www.nexplayersdk.com/ NexPlayer] for HTML5 MSE and EME supporting HLS and DASH
* [https://castlabs.com/products/prestoplay-browser/ castLabs PRESTOplay] video player for HMTL5 MSE and EME supporting DASH and HLS
* [https://www.akamai.com/us/en/products/media-delivery/adaptive-media-player.jsp Akamai Media Player] as a contributor to the [http://dashif.org/members/ Dash Industry Forum] and DASH.js (DASH IF reference client). AMP includes Dash.js, HLS.js and advanced [[QUIC]] protocol playback from Akamai Edge Servers
* Shaka Player, an open source javascript player library for HTML5 MSE and [[Encrypted Media Extensions|EME]] video with DASH and [[HTTP Live Streaming|HLS]] support<ref>{{Cite web|url=https://github.com/google/shaka-player|title=JavaScript player library / DASH & HLS client / MSE-EME player: google/shaka-player|date=March 24, 2019|via=GitHub}}</ref><ref>{{Cite web|url=https://shaka-player-demo.appspot.com/demo/|title=Shaka Player Demo|website=shaka-player-demo.appspot.com}}</ref>
* The Video Player by Comcast Technology Solutions
* THEOplayer by OpenTelly: HLS and MPEG-DASH player for cross-platform HTML5 support without the need for Flash fallback<ref>{{Cite web|url=https://www.theoplayer.com/|title=THEOplayer – Universal Video Player|first=THEO Technologies|last=NV|website=www.theoplayer.com}}</ref>
* Viblast Player: HLS and MPEG-DASH player for HTML5 MSE and EME, with Flash fallback<ref>{{Cite web|url=http://viblast.com/player/demo-user-stream/|title=Viblast Player|website=viblast.com}}</ref>
* [[Company:Bitmovin|bitmovin]]'s bitdash MPEG-DASH player for HTML5 MSE and EME, with Flash fallback<ref>{{Cite web|url=https://bitmovin.com/video-player/|title=HTML5 Player for Adaptive Streaming from Bitmovin|date=January 22, 2016|website=Bitmovin}}</ref>
* dash-js for HTML5 MSE<ref>{{Cite web|url=https://dash.itec.aau.at/dash-js/|title=DASH-JS &#124; ITEC – Dynamic Adaptive Streaming over HTTP}}</ref>
* dash.js for HTML5 MSE and EME<ref>{{Cite web|url=https://github.com/Dash-Industry-Forum/dash.js|title=A reference client implementation for the playback of MPEG DASH via Javascript and compliant browsers.: Dash-Industry-Forum/dash.js|date=March 23, 2019|via=GitHub}}</ref>
* rx-player for HTML5 MSE and EME (Live and On Demand)<ref>{{Cite web|url=https://github.com/canalplus/rx-player|title=GitHub - canalplus/rx-player: Smooth/DASH HTML5 Video Player.|date=March 21, 2019|via=GitHub}}</ref>
* hls.js for HTML5 MSE<ref>{{Cite web|url=http://engineering.dailymotion.com/introducing-hls-js/|title=dailymotion – Medium|website=Medium}}</ref><ref>{{Cite web|url=https://dailymotion.github.io/hls.js/demo/|title=hls.js demo page|access-date=2017-12-03|archive-url=https://web.archive.org/web/20151120210027/http://dailymotion.github.io/hls.js/demo/|archive-date=2015-11-20|url-status=dead}}</ref>
* hasplayer.js for HTML5 MSE and EME, supporting DASH, Smooth Streaming and HLS<ref>{{Cite web|url=https://github.com/Orange-OpenSource/hasplayer.js|title=Http Adaptive Streaming javascript player based on HTML5 premium extensions (MSE/EME): Orange-OpenSource/hasplayer.js|date=February 20, 2019|via=GitHub}}</ref>
* JW Player 7 and later for MPEG-DASH using HTML5 MSE and EME<ref>{{Cite web|url=https://support.jwplayer.com/customer/portal/articles/2020482-about-dash-streaming|title=JW Player Support|website=JW Player Support}}</ref>
* SLDP HTML5 Player supports SLDP via MSE playback<ref>{{Cite web|url=https://softvelum.com/player/web/|title=HTML5 player for SLDP|website=Softvelum}}</ref>
* [[Software:Microsoft Azure|Azure]] Media Player supports MSE, [[Encrypted Media Extensions|EME]], DASH, [[HTTP Live Streaming|HLS]], [[Software:Adobe Flash Player|Flash]], and [[Software:Microsoft Silverlight|Silverlight]]. Streaming URLs are published in an <code>ism/manifest</code><ref>{{cite web|url=https://ampdemo.azureedge.net/|title=Azure Media Player|year=2015|publisher=[[Company:Microsoft|Microsoft]]|access-date=2016-06-14}}</ref>
* Unreal HTML5 player uses MSE for low latency (sub-second) live playback of streams sent via WebSockets by [[Software:Unreal Media Server|Unreal Media Server]]<ref>{{Cite web|url=http://www.umediaserver.net/umediaserver/|title=Unreal Media Server|website=www.umediaserver.net}}</ref>
*[https://github.com/StormStreaming/stormplayer-js Storm Player] uses MSE as one of its delivery modes for ultra-low latency streaming via WebSockets by Storm Streaming Server<ref>{{Cite web|title=Storm Streaming Server|url=https://www.stormstreaming.com/live-streaming-server|access-date=2021-07-30|website=Storm Streaming|language=en}}</ref>

== See also ==
* [[HTML5 video]]
* [[Dynamic Adaptive Streaming over HTTP]] (DASH)
*[[Software:WebRTC|WebRTC]]

== References ==
{{reflist}}

{{Web interfaces}}
{{W3C standards}}

[[Category:HTML5]]
[[Category:Streaming media systems]]

{{Sourceattribution|Media Source Extensions}}