dashjs

Version:

A reference client implementation for the playback of MPEG DASH via Javascript and compliant browsers.

3 lines • 71.9 kB

HTML

<!DOCTYPE html><html lang="en" style="font-size:16px"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="https://dashif.org/img/favicon.ico"><link type="text/css" rel="stylesheet" href="jsdoc-custom.css"><title>Class: MediaPlayerEvents</title><script src="scripts/third-party/hljs.js" defer="defer"></script><script src="scripts/third-party/hljs-line-num.js" defer="defer"></script><script src="scripts/third-party/popper.js" defer="defer"></script><script src="scripts/third-party/tippy.js" defer="defer"></script><script src="scripts/third-party/tocbot.min.js"></script><script>var baseURL="/",locationPathname="";baseURL=(locationPathname=document.location.pathname).substr(0,locationPathname.lastIndexOf("/")+1)</script><link rel="stylesheet" href="styles/clean-jsdoc-theme.min.css"><svg aria-hidden="true" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="display:none"><defs><symbol id="copy-icon" viewbox="0 0 488.3 488.3"><g><path d="M314.25,85.4h-227c-21.3,0-38.6,17.3-38.6,38.6v325.7c0,21.3,17.3,38.6,38.6,38.6h227c21.3,0,38.6-17.3,38.6-38.6V124 C352.75,102.7,335.45,85.4,314.25,85.4z M325.75,449.6c0,6.4-5.2,11.6-11.6,11.6h-227c-6.4,0-11.6-5.2-11.6-11.6V124 c0-6.4,5.2-11.6,11.6-11.6h227c6.4,0,11.6,5.2,11.6,11.6V449.6z"/><path d="M401.05,0h-227c-21.3,0-38.6,17.3-38.6,38.6c0,7.5,6,13.5,13.5,13.5s13.5-6,13.5-13.5c0-6.4,5.2-11.6,11.6-11.6h227 c6.4,0,11.6,5.2,11.6,11.6v325.7c0,6.4-5.2,11.6-11.6,11.6c-7.5,0-13.5,6-13.5,13.5s6,13.5,13.5,13.5c21.3,0,38.6-17.3,38.6-38.6 V38.6C439.65,17.3,422.35,0,401.05,0z"/></g></symbol><symbol id="search-icon" viewBox="0 0 512 512"><g><g><path d="M225.474,0C101.151,0,0,101.151,0,225.474c0,124.33,101.151,225.474,225.474,225.474 c124.33,0,225.474-101.144,225.474-225.474C450.948,101.151,349.804,0,225.474,0z M225.474,409.323 c-101.373,0-183.848-82.475-183.848-183.848S124.101,41.626,225.474,41.626s183.848,82.475,183.848,183.848 S326.847,409.323,225.474,409.323z"/></g></g><g><g><path d="M505.902,476.472L386.574,357.144c-8.131-8.131-21.299-8.131-29.43,0c-8.131,8.124-8.131,21.306,0,29.43l119.328,119.328 c4.065,4.065,9.387,6.098,14.715,6.098c5.321,0,10.649-2.033,14.715-6.098C514.033,497.778,514.033,484.596,505.902,476.472z"/></g></g></symbol><symbol id="font-size-icon" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z"/><path d="M11.246 15H4.754l-2 5H.6L7 4h2l6.4 16h-2.154l-2-5zm-.8-2L8 6.885 5.554 13h4.892zM21 12.535V12h2v8h-2v-.535a4 4 0 1 1 0-6.93zM19 18a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/></symbol><symbol id="add-icon" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z"/><path d="M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z"/></symbol><symbol id="minus-icon" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z"/><path d="M5 11h14v2H5z"/></symbol><symbol id="dark-theme-icon" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z"/><path d="M10 7a7 7 0 0 0 12 4.9v.1c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2h.1A6.979 6.979 0 0 0 10 7zm-6 5a8 8 0 0 0 15.062 3.762A9 9 0 0 1 8.238 4.938 7.999 7.999 0 0 0 4 12z"/></symbol><symbol id="light-theme-icon" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 18a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-2a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM11 1h2v3h-2V1zm0 19h2v3h-2v-3zM3.515 4.929l1.414-1.414L7.05 5.636 5.636 7.05 3.515 4.93zM16.95 18.364l1.414-1.414 2.121 2.121-1.414 1.414-2.121-2.121zm2.121-14.85l1.414 1.415-2.121 2.121-1.414-1.414 2.121-2.121zM5.636 16.95l1.414 1.414-2.121 2.121-1.414-1.414 2.121-2.121zM23 11v2h-3v-2h3zM4 11v2H1v-2h3z"/></symbol><symbol id="reset-icon" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z"/><path d="M18.537 19.567A9.961 9.961 0 0 1 12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10c0 2.136-.67 4.116-1.81 5.74L17 12h3a8 8 0 1 0-2.46 5.772l.997 1.795z"/></symbol><symbol id="down-icon" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.7803 6.21967C13.0732 6.51256 13.0732 6.98744 12.7803 7.28033L8.53033 11.5303C8.23744 11.8232 7.76256 11.8232 7.46967 11.5303L3.21967 7.28033C2.92678 6.98744 2.92678 6.51256 3.21967 6.21967C3.51256 5.92678 3.98744 5.92678 4.28033 6.21967L8 9.93934L11.7197 6.21967C12.0126 5.92678 12.4874 5.92678 12.7803 6.21967Z"></path></symbol><symbol id="codepen-icon" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z"/><path d="M16.5 13.202L13 15.535v3.596L19.197 15 16.5 13.202zM14.697 12L12 10.202 9.303 12 12 13.798 14.697 12zM20 10.869L18.303 12 20 13.131V10.87zM19.197 9L13 4.869v3.596l3.5 2.333L19.197 9zM7.5 10.798L11 8.465V4.869L4.803 9 7.5 10.798zM4.803 15L11 19.131v-3.596l-3.5-2.333L4.803 15zM4 13.131L5.697 12 4 10.869v2.262zM2 9a1 1 0 0 1 .445-.832l9-6a1 1 0 0 1 1.11 0l9 6A1 1 0 0 1 22 9v6a1 1 0 0 1-.445.832l-9 6a1 1 0 0 1-1.11 0l-9-6A1 1 0 0 1 2 15V9z"/></symbol><symbol id="close-icon" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z"/></symbol><symbol id="menu-icon" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z"/><path d="M3 4h18v2H3V4zm0 7h18v2H3v-2zm0 7h18v2H3v-2z"/></symbol></defs></svg></head><body data-theme="light"><div class="sidebar-container"><div class="sidebar" id="sidebar"><a href="/" class="sidebar-title sidebar-title-anchor">Home</a><div class="sidebar-items-container"><div class="sidebar-section-title with-arrow" data-isopen="false" id="sidebar-modules"><div>Modules</div><svg><use xlink:href="#down-icon"></use></svg></div><div class="sidebar-section-children-container"><div class="sidebar-section-children"><a href="module-DashAdapter.html">DashAdapter</a></div><div class="sidebar-section-children"><a href="module-DashMetrics.html">DashMetrics</a></div><div class="sidebar-section-children"><a href="module-MediaPlayer.html">MediaPlayer</a></div><div class="sidebar-section-children"><a href="module-OfflineController.html">OfflineController</a></div><div class="sidebar-section-children"><a href="module-ProtectionController.html">ProtectionController</a></div><div class="sidebar-section-children"><a href="module-Settings.html">Settings</a></div></div><div class="sidebar-section-title with-arrow" data-isopen="false" id="sidebar-classes"><div>Classes</div><svg><use xlink:href="#down-icon"></use></svg></div><div class="sidebar-section-children-container"><div class="sidebar-section-children"><a href="Errors.html">Errors</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html">MediaPlayerEvents</a></div><div class="sidebar-section-children"><a href="MediaPlayerModel.html">MediaPlayerModel</a></div><div class="sidebar-section-children"><a href="MetricsReportingEvents.html">MetricsReportingEvents</a></div><div class="sidebar-section-children"><a href="MssErrors.html">MssErrors</a></div><div class="sidebar-section-children"><a href="OfflineErrors.html">OfflineErrors</a></div><div class="sidebar-section-children"><a href="OfflineEvents.html">OfflineEvents</a></div><div class="sidebar-section-children"><a href="ProtectionErrors.html">ProtectionErrors</a></div><div class="sidebar-section-children"><a href="ProtectionEvents.html">ProtectionEvents</a></div></div><div class="sidebar-section-title with-arrow" data-isopen="false" id="sidebar-events"><div>Events</div><svg><use xlink:href="#down-icon"></use></svg></div><div class="sidebar-section-children-container"><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:ADAPTATION_SET_REMOVED_NO_CAPABILITIES">ADAPTATION_SET_REMOVED_NO_CAPABILITIES</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:AST_IN_FUTURE">AST_IN_FUTURE</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:BASE_URLS_UPDATED">BASE_URLS_UPDATED</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:BUFFER_EMPTY">BUFFER_EMPTY</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:BUFFER_LEVEL_STATE_CHANGED">BUFFER_LEVEL_STATE_CHANGED</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:BUFFER_LEVEL_UPDATED">BUFFER_LEVEL_UPDATED</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:BUFFER_LOADED">BUFFER_LOADED</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:CAN_PLAY">CAN_PLAY</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:CAN_PLAY_THROUGH">CAN_PLAY_THROUGH</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:CAPTION_CONTAINER_RESIZE">CAPTION_CONTAINER_RESIZE</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:CAPTION_RENDERED">CAPTION_RENDERED</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:CONFORMANCE_VIOLATION">CONFORMANCE_VIOLATION</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:CONTENT_STEERING_REQUEST_COMPLETED">CONTENT_STEERING_REQUEST_COMPLETED</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:CUE_ENTER">CUE_ENTER</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:CUE_ENTER">CUE_ENTER</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:DVB_FONT_DOWNLOAD_ADDED">DVB_FONT_DOWNLOAD_ADDED</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:DVB_FONT_DOWNLOAD_COMPLETE">DVB_FONT_DOWNLOAD_COMPLETE</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:DVB_FONT_DOWNLOAD_FAILED">DVB_FONT_DOWNLOAD_FAILED</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:DYNAMIC_TO_STATIC">DYNAMIC_TO_STATIC</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:ERROR">ERROR</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:EVENT_MODE_ON_RECEIVE">EVENT_MODE_ON_RECEIVE</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:EVENT_MODE_ON_START">EVENT_MODE_ON_START</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:FRAGMENT_LOADING_ABANDONED">FRAGMENT_LOADING_ABANDONED</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:FRAGMENT_LOADING_COMPLETED">FRAGMENT_LOADING_COMPLETED</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:FRAGMENT_LOADING_PROGRESS">FRAGMENT_LOADING_PROGRESS</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:FRAGMENT_LOADING_STARTED">FRAGMENT_LOADING_STARTED</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:INBAND_PRFT">INBAND_PRFT</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:LOG">LOG</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:MANIFEST_LOADED">MANIFEST_LOADED</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:MANIFEST_LOADING_FINISHED">MANIFEST_LOADING_FINISHED</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:MANIFEST_LOADING_STARTED">MANIFEST_LOADING_STARTED</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:MANIFEST_VALIDITY_CHANGED">MANIFEST_VALIDITY_CHANGED</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:METRIC_ADDED">METRIC_ADDED</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:METRIC_CHANGED">METRIC_CHANGED</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:METRIC_UPDATED">METRIC_UPDATED</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:METRICS_CHANGED">METRICS_CHANGED</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:PERIOD_SWITCH_COMPLETED">PERIOD_SWITCH_COMPLETED</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:PERIOD_SWITCH_STARTED">PERIOD_SWITCH_STARTED</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:PLAYBACK_ENDED">PLAYBACK_ENDED</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:PLAYBACK_ERROR">PLAYBACK_ERROR</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:PLAYBACK_LOADED_DATA">PLAYBACK_LOADED_DATA</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:PLAYBACK_METADATA_LOADED">PLAYBACK_METADATA_LOADED</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:PLAYBACK_NOT_ALLOWED">PLAYBACK_NOT_ALLOWED</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:PLAYBACK_PAUSED">PLAYBACK_PAUSED</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:PLAYBACK_PLAYING">PLAYBACK_PLAYING</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:PLAYBACK_PROGRESS">PLAYBACK_PROGRESS</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:PLAYBACK_RATE_CHANGED">PLAYBACK_RATE_CHANGED</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:PLAYBACK_SEEKED">PLAYBACK_SEEKED</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:PLAYBACK_SEEKING">PLAYBACK_SEEKING</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:PLAYBACK_STALLED">PLAYBACK_STALLED</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:PLAYBACK_STARTED">PLAYBACK_STARTED</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:PLAYBACK_TIME_UPDATED">PLAYBACK_TIME_UPDATED</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:PLAYBACK_VOLUME_CHANGED">PLAYBACK_VOLUME_CHANGED</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:PLAYBACK_WAITING">PLAYBACK_WAITING</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:QUALITY_CHANGE_RENDERED">QUALITY_CHANGE_RENDERED</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:QUALITY_CHANGE_REQUESTED">QUALITY_CHANGE_REQUESTED</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:REPRESENTATION_SWITCH">REPRESENTATION_SWITCH</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:STREAM_ACTIVATED">STREAM_ACTIVATED</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:STREAM_DEACTIVATED">STREAM_DEACTIVATED</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:STREAM_INITIALIZED">STREAM_INITIALIZED</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:STREAM_INITIALIZING">STREAM_INITIALIZING</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:STREAM_TEARDOWN_COMPLETE">STREAM_TEARDOWN_COMPLETE</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:STREAM_UPDATED">STREAM_UPDATED</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:TEXT_TRACK_ADDED">TEXT_TRACK_ADDED</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:TEXT_TRACKS_ADDED">TEXT_TRACKS_ADDED</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:THROUGHPUT_MEASUREMENT_STORED">THROUGHPUT_MEASUREMENT_STORED</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:TRACK_CHANGE_RENDERED">TRACK_CHANGE_RENDERED</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:TTML_PARSED">TTML_PARSED</a></div><div class="sidebar-section-children"><a href="MediaPlayerEvents.html#event:TTML_TO_PARSE">TTML_TO_PARSE</a></div><div class="sidebar-section-children"><a href="MetricsReportingEvents.html#event:CMCD_DATA_GENERATED">CMCD_DATA_GENERATED</a></div><div class="sidebar-section-children"><a href="OfflineEvents.html#event:OFFLINE_RECORD_FINISHED">OFFLINE_RECORD_FINISHED</a></div><div class="sidebar-section-children"><a href="OfflineEvents.html#event:OFFLINE_RECORD_LOADEDMETADATA">OFFLINE_RECORD_LOADEDMETADATA</a></div><div class="sidebar-section-children"><a href="OfflineEvents.html#event:OFFLINE_RECORD_STARTED">OFFLINE_RECORD_STARTED</a></div><div class="sidebar-section-children"><a href="OfflineEvents.html#event:OFFLINE_RECORD_STOPPED">OFFLINE_RECORD_STOPPED</a></div><div class="sidebar-section-children"><a href="ProtectionEvents.html#event:KEY_ADDED">KEY_ADDED</a></div><div class="sidebar-section-children"><a href="ProtectionEvents.html#event:KEY_ERROR">KEY_ERROR</a></div><div class="sidebar-section-children"><a href="ProtectionEvents.html#event:KEY_MESSAGE">KEY_MESSAGE</a></div><div class="sidebar-section-children"><a href="ProtectionEvents.html#event:KEY_SESSION_CLOSED">KEY_SESSION_CLOSED</a></div><div class="sidebar-section-children"><a href="ProtectionEvents.html#event:KEY_SESSION_CREATED">KEY_SESSION_CREATED</a></div><div class="sidebar-section-children"><a href="ProtectionEvents.html#event:KEY_SESSION_REMOVED">KEY_SESSION_REMOVED</a></div><div class="sidebar-section-children"><a href="ProtectionEvents.html#event:KEY_STATUSES_CHANGED">KEY_STATUSES_CHANGED</a></div><div class="sidebar-section-children"><a href="ProtectionEvents.html#event:KEY_SYSTEM_ACCESS_COMPLETE">KEY_SYSTEM_ACCESS_COMPLETE</a></div><div class="sidebar-section-children"><a href="ProtectionEvents.html#event:KEY_SYSTEM_SELECTED">KEY_SYSTEM_SELECTED</a></div><div class="sidebar-section-children"><a href="ProtectionEvents.html#event:LICENSE_REQUEST_COMPLETE">LICENSE_REQUEST_COMPLETE</a></div><div class="sidebar-section-children"><a href="ProtectionEvents.html#event:LICENSE_REQUEST_SENDING">LICENSE_REQUEST_SENDING</a></div><div class="sidebar-section-children"><a href="ProtectionEvents.html#event:PROTECTION_CREATED">PROTECTION_CREATED</a></div><div class="sidebar-section-children"><a href="ProtectionEvents.html#event:PROTECTION_DESTROYED">PROTECTION_DESTROYED</a></div></div><div class="sidebar-section-title with-arrow" data-isopen="false" id="sidebar-global"><div>Global</div><svg><use xlink:href="#down-icon"></use></svg></div><div class="sidebar-section-children-container"><div class="sidebar-section-children"><a href="global.html#LICENSE_SERVER_MANIFEST_CONFIGURATIONS">LICENSE_SERVER_MANIFEST_CONFIGURATIONS</a></div><div class="sidebar-section-children"><a href="global.html#MediaType">MediaType</a></div></div></div></div></div><div class="navbar-container" id="VuAckcnZhf"><nav class="navbar"><div class="navbar-left-items"></div><div class="navbar-right-items"><div class="navbar-right-item"><button class="icon-button search-button" aria-label="open-search"><svg><use xlink:href="#search-icon"></use></svg></button></div><div class="navbar-right-item"><button class="icon-button theme-toggle" aria-label="toggle-theme"><svg><use class="theme-svg-use" xlink:href="#dark-theme-icon"></use></svg></button></div><div class="navbar-right-item"><button class="icon-button font-size" aria-label="change-font-size"><svg><use xlink:href="#font-size-icon"></use></svg></button></div></div><nav></nav></nav></div><div class="toc-container"><div class="toc-content"><span class="bold">On this page</span><div id="eed4d2a0bfd64539bb9df78095dec881"></div></div></div><div class="body-wrapper"><div class="main-content"><div class="main-wrapper"><section><header><h1 id="MediaPlayerEvents-title" class="has-anchor">MediaPlayerEvents</h1></header><article><div class="container-overview"><h3 class="name has-anchor" id="MediaPlayerEvents"><span class="type-signature"></span>new MediaPlayerEvents<span class="signature">()</span></h3><div class="description"><p>Public facing external events to be used when developing a player that implements dash.js.</p></div><dl class="details"><div class="details-item-container"><dt class="implements bold">Implements</dt><dd class="implements"><ul><li>EventsBase</li></ul></dd></div><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line37">line 37</a></li></ul></dd></div></dl></div><h2 id="members" class="subsection-title has-anchor">Members</h2><h3 class="name has-anchor" id="MANAGED_MEDIA_SOURCE_END_STREAMING"><span class="type-signature"></span>MANAGED_MEDIA_SOURCE_END_STREAMING<span class="type-signature"> :string</span></h3><div class="description"><p>The streaming attribute of the Managed Media Source is false</p></div><div class="member-item-container flex"><strong>Type:</strong><ul><li><span class="param-type">string</span></li></ul></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line482">line 482</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="MANAGED_MEDIA_SOURCE_START_STREAMING"><span class="type-signature"></span>MANAGED_MEDIA_SOURCE_START_STREAMING<span class="type-signature"> :string</span></h3><div class="description"><p>The streaming attribute of the Managed Media Source is true</p></div><div class="member-item-container flex"><strong>Type:</strong><ul><li><span class="param-type">string</span></li></ul></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line476">line 476</a></li></ul></dd></div></dl><h2 id="events" class="subsection-title has-anchor">Events</h2><h3 class="name has-anchor" id="event:ADAPTATION_SET_REMOVED_NO_CAPABILITIES">ADAPTATION_SET_REMOVED_NO_CAPABILITIES</h3><div class="description"><p>Event that is dispatched whenever an adaptation set is removed due to all representations not being supported.</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line454">line 454</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:AST_IN_FUTURE">AST_IN_FUTURE</h3><div class="description"><p>Triggered when playback will not start yet<br>as the MPD's availabilityStartTime is in the future.<br>Check delay property in payload to determine time before playback will start.</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line44">line 44</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:BASE_URLS_UPDATED">BASE_URLS_UPDATED</h3><div class="description"><p>Triggered when the BaseURLs have been updated.</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line52">line 52</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:BUFFER_EMPTY">BUFFER_EMPTY</h3><div class="description"><p>Triggered when the video element's buffer state changes to stalled.<br>Check mediaType in payload to determine type (Video, Audio, FragmentedText).</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line58">line 58</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:BUFFER_LEVEL_STATE_CHANGED">BUFFER_LEVEL_STATE_CHANGED</h3><div class="description"><p>Triggered when the video element's buffer state changes, either stalled or loaded. Check payload for state.</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line72">line 72</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:BUFFER_LEVEL_UPDATED">BUFFER_LEVEL_UPDATED</h3><div class="description"><p>Triggered when the buffer level of a media type has been updated</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line78">line 78</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:BUFFER_LOADED">BUFFER_LOADED</h3><div class="description"><p>Triggered when the video element's buffer state changes to loaded.<br>Check mediaType in payload to determine type (Video, Audio, FragmentedText).</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line65">line 65</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:CAN_PLAY">CAN_PLAY</h3><div class="description"><p>Sent when enough data is available that the media can be played,<br>at least for a couple of frames. This corresponds to the<br>HAVE_ENOUGH_DATA readyState.</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line304">line 304</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:CAN_PLAY_THROUGH">CAN_PLAY_THROUGH</h3><div class="description"><p>This corresponds to the CAN_PLAY_THROUGH readyState.</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line312">line 312</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:CAPTION_CONTAINER_RESIZE">CAPTION_CONTAINER_RESIZE</h3><div class="description"><p>Triggered when the caption container is resized.</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line298">line 298</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:CAPTION_RENDERED">CAPTION_RENDERED</h3><div class="description"><p>Triggered when a caption is rendered.</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line292">line 292</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:CONFORMANCE_VIOLATION">CONFORMANCE_VIOLATION</h3><div class="description"><p>Event that is dispatched whenever the player encounters a potential conformance validation that might lead to unexpected/not optimal behavior</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line442">line 442</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:CONTENT_STEERING_REQUEST_COMPLETED">CONTENT_STEERING_REQUEST_COMPLETED</h3><div class="description"><p>Triggered when a content steering request has completed.</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line460">line 460</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:CUE_ENTER">CUE_ENTER</h3><div class="description"><p>Triggered when a text track should be shown</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line262">line 262</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:CUE_ENTER">CUE_ENTER</h3><div class="description"><p>Triggered when a text track should be hidden</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line268">line 268</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:DVB_FONT_DOWNLOAD_ADDED">DVB_FONT_DOWNLOAD_ADDED</h3><div class="description"><p>Triggered when a font signalled by a DVB Font Download has been added to the document FontFaceSet interface.</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line84">line 84</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:DVB_FONT_DOWNLOAD_COMPLETE">DVB_FONT_DOWNLOAD_COMPLETE</h3><div class="description"><p>Triggered when a font signalled by a DVB Font Download has successfully downloaded and the FontFace can be used.</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line90">line 90</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:DVB_FONT_DOWNLOAD_FAILED">DVB_FONT_DOWNLOAD_FAILED</h3><div class="description"><p>Triggered when a font signalled by a DVB Font Download could not be successfully downloaded, so the FontFace will not be used.</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line96">line 96</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:DYNAMIC_TO_STATIC">DYNAMIC_TO_STATIC</h3><div class="description"><p>Triggered when a dynamic stream changed to static (transition phase between Live and On-Demand).</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line102">line 102</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:ERROR">ERROR</h3><div class="description"><p>Triggered when there is an error from the element or MSE source buffer.</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line108">line 108</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:EVENT_MODE_ON_RECEIVE">EVENT_MODE_ON_RECEIVE</h3><div class="description"><p>Dash events are triggered as soon as they were parsed.</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line436">line 436</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:EVENT_MODE_ON_START">EVENT_MODE_ON_START</h3><div class="description"><p>Dash events are triggered at their respective start points on the timeline.</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line430">line 430</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:FRAGMENT_LOADING_ABANDONED">FRAGMENT_LOADING_ABANDONED</h3><div class="description"><p>Triggered when a fragment download is abandoned due to detection of slow download base on the ABR abandon rule..</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line130">line 130</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:FRAGMENT_LOADING_COMPLETED">FRAGMENT_LOADING_COMPLETED</h3><div class="description"><p>Triggered when a fragment download has completed.</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line113">line 113</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:FRAGMENT_LOADING_PROGRESS">FRAGMENT_LOADING_PROGRESS</h3><div class="description"><p>Triggered when a partial fragment download has completed.</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line119">line 119</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:FRAGMENT_LOADING_STARTED">FRAGMENT_LOADING_STARTED</h3><div class="description"><p>Triggered when a fragment download has started.</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line124">line 124</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:INBAND_PRFT">INBAND_PRFT</h3><div class="description"><p>Triggered when an inband prft (ProducerReferenceTime) boxes has been received.</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line466">line 466</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:LOG">LOG</h3><div class="description"><p>Triggered when <a href="module-Debug.html"><code>module:Debug</code></a> logger methods are called.</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line136">line 136</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:MANIFEST_LOADED">MANIFEST_LOADED</h3><div class="description"><p>Triggered when the manifest load is complete, providing the payload</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line154">line 154</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:MANIFEST_LOADING_FINISHED">MANIFEST_LOADING_FINISHED</h3><div class="description"><p>Triggered when the manifest loading is finished, providing the request object information</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line148">line 148</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:MANIFEST_LOADING_STARTED">MANIFEST_LOADING_STARTED</h3><div class="description"><p>Triggered when the manifest load is started</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line142">line 142</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:MANIFEST_VALIDITY_CHANGED">MANIFEST_VALIDITY_CHANGED</h3><div class="description"><p>Manifest validity changed - As a result of an MPD validity expiration event.</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line424">line 424</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:METRIC_ADDED">METRIC_ADDED</h3><div class="description"><p>Triggered every time a new metric is added.</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line172">line 172</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:METRIC_CHANGED">METRIC_CHANGED</h3><div class="description"><p>Triggered when an individual metric is added, updated or cleared.</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line166">line 166</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:METRIC_UPDATED">METRIC_UPDATED</h3><div class="description"><p>Triggered every time a metric is updated.</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line178">line 178</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:METRICS_CHANGED">METRICS_CHANGED</h3><div class="description"><p>Triggered anytime there is a change to the overall metrics.</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line160">line 160</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:PERIOD_SWITCH_COMPLETED">PERIOD_SWITCH_COMPLETED</h3><div class="description"><p>Triggered at the stream end of a period.</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line190">line 190</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:PERIOD_SWITCH_STARTED">PERIOD_SWITCH_STARTED</h3><div class="description"><p>Triggered when a new stream (period) starts.</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line184">line 184</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:PLAYBACK_ENDED">PLAYBACK_ENDED</h3><div class="description"><p>Sent when playback completes.</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line318">line 318</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:PLAYBACK_ERROR">PLAYBACK_ERROR</h3><div class="description"><p>Sent when an error occurs. The element's error<br>attribute contains more information.</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line324">line 324</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:PLAYBACK_LOADED_DATA">PLAYBACK_LOADED_DATA</h3><div class="description"><p>The event is fired when the frame at the current playback position of the media has finished loading;<br>often the first frame</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line344">line 344</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:PLAYBACK_METADATA_LOADED">PLAYBACK_METADATA_LOADED</h3><div class="description"><p>The media's metadata has finished loading; all attributes now<br>contain as much useful information as they're going to.</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line337">line 337</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:PLAYBACK_NOT_ALLOWED">PLAYBACK_NOT_ALLOWED</h3><div class="description"><p>Sent when playback is not allowed (for example if user gesture is needed).</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line331">line 331</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:PLAYBACK_PAUSED">PLAYBACK_PAUSED</h3><div class="description"><p>Sent when playback is paused.</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line351">line 351</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:PLAYBACK_PLAYING">PLAYBACK_PLAYING</h3><div class="description"><p>Sent when the media begins to play (either for the first time, after having been paused,<br>or after ending and then restarting).</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line357">line 357</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:PLAYBACK_PROGRESS">PLAYBACK_PROGRESS</h3><div class="description"><p>Sent periodically to inform interested parties of progress downloading<br>the media. Information about the current amount of the media that has<br>been downloaded is available in the media element's buffered attribute.</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line365">line 365</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:PLAYBACK_RATE_CHANGED">PLAYBACK_RATE_CHANGED</h3><div class="description"><p>Sent when the playback speed changes.</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line373">line 373</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:PLAYBACK_SEEKED">PLAYBACK_SEEKED</h3><div class="description"><p>Sent when a seek operation completes.</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line379">line 379</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:PLAYBACK_SEEKING">PLAYBACK_SEEKING</h3><div class="description"><p>Sent when a seek operation begins.</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line385">line 385</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:PLAYBACK_STALLED">PLAYBACK_STALLED</h3><div class="description"><p>Sent when the video element reports stalled</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line391">line 391</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:PLAYBACK_STARTED">PLAYBACK_STARTED</h3><div class="description"><p>Sent when playback of the media starts after having been paused;<br>that is, when playback is resumed after a prior pause event.</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line397">line 397</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:PLAYBACK_TIME_UPDATED">PLAYBACK_TIME_UPDATED</h3><div class="description"><p>The time indicated by the element's currentTime attribute has changed.</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line405">line 405</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:PLAYBACK_VOLUME_CHANGED">PLAYBACK_VOLUME_CHANGED</h3><div class="description"><p>Sent when the video element reports that the volume has changed</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line411">line 411</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:PLAYBACK_WAITING">PLAYBACK_WAITING</h3><div class="description"><p>Sent when the media playback has stopped because of a temporary lack of data.</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line417">line 417</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:QUALITY_CHANGE_RENDERED">QUALITY_CHANGE_RENDERED</h3><div class="description"><p>Triggered when the new ABR quality is being rendered on-screen.</p></div><dl class="details"><div class="details-item-container"><dt class="tag-source bold">Source</dt><dd class="tag-source"><ul><li><a href="streaming_MediaPlayerEvents.js.html">streaming/MediaPlayerEvents.js</a>, <a href="streaming_MediaPlayerEvents.js.html#line202">line 202</a></li></ul></dd></div></dl><h3 class="name has-anchor" id="event:QUALITY_CHANGE_REQUESTED">QUALITY_CHANGE_REQUESTED</h3><div class="description"><p>Triggered when an ABR up /down switch is initiated; either by user in manual mode or auto mode via ABR rules.</p></div><dl class="details"><div cl