@gcorevideo/player 2.22.20 → 2.22.22

package/dist/plugins/index.js

@@ -10496,6 +10496,9 @@ class ClapprStats extends ContainerPlugin {
     exportMetrics() {
         return structuredClone(this.metrics);
     }
+    clearMetrics() {
+        this.metrics = newMetrics$1();
+    }
     onBitrate(newBitrate) {
         const bitrate = newBitrate.bitrate;
         const now = this.now();
@@ -12271,6 +12274,7 @@ class Speedtest {
     }
     addTestPoint(server) {
         this._checkServerDefinition(server);
+        console.log('Speedtest addTestPoint %o', server);
         if (this._state === 0) {
             this._state = 1;
         }
@@ -12567,7 +12571,7 @@ const getColor = (speedValue) => {
     }
 };
 function drawSpeedTestResults() {
-    const canvas = document.getElementById('speedTestCanvas');
+    const canvas = document.getElementById('nerd-stats-speed-test-canvas');
     if (!canvas) {
         return;
     }
@@ -12690,7 +12694,7 @@ function rankConnectionSpeed(dlSpeed) {
     return 0;
 }
 
-const pluginHtml$4 = "<% general = metrics.general %>\n<% counters = metrics.counters %>\n<% timers = metrics.chrono %>\n<% extra = metrics.extra %>\n<% custom = metrics.custom %>\n\n<div class=\"stats-box\" id=\"nerd-stats-box\">\n    <div class=\"stats-box-top\">\n        <a class=\"close-button gplayer-lite-btn\" id=\"nerd-stats-close\">\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\">\n                <g clip-path=\"url(#clip0_184_1489)\">\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n                          d=\"M7.41376 6.00013L13.7068 -0.292872C14.0978 -0.683872 14.0978 -1.31587 13.7068 -1.70687C13.3158 -2.09787 12.6838 -2.09787 12.2928 -1.70687L5.99976 4.58613L-0.293238 -1.70687C-0.684238 -2.09787 -1.31624 -2.09787 -1.70724 -1.70687C-2.09824 -1.31587 -2.09824 -0.683872 -1.70724 -0.292872L4.58576 6.00013L-1.70724 12.2931C-2.09824 12.6841 -2.09824 13.3161 -1.70724 13.7071C-1.51224 13.9021 -1.25624 14.0001 -1.00024 14.0001C-0.744238 14.0001 -0.488238 13.9021 -0.293238 13.7071L5.99976 7.41413L12.2928 13.7071C12.4878 13.9021 12.7438 14.0001 12.9998 14.0001C13.2558 14.0001 13.5118 13.9021 13.7068 13.7071C14.0978 13.3161 14.0978 12.6841 13.7068 12.2931L7.41376 6.00013Z\"\n                          fill=\"white\"/>\n                </g>\n                <defs>\n                    <clipPath id=\"clip0_184_1489\">\n                        <rect width=\"12\" height=\"12\" fill=\"white\"/>\n                    </clipPath>\n                </defs>\n            </svg>\n        </a>\n    </div>\n    <div class=\"stats-box-main\">\n        <ul>\n            <li class=\"title\"><span><%= i18n.t('stats.general') %></span></li>\n            <li>\n                <%= i18n.t('stats.display_resolution') %>\n                <div><span><span id=\"nerd-stats-resolution-width\"><%= general.resolution.width %></span>&times;<span id=\"nerd-stats-resolution-height\"><%= general.resolution.height %></span></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.volume') %>\n                <div id=\"nerd-stats-volume\"><span><%= general.volume %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.connection_speed') %>\n                <div><span id=\"dlText\"><%= custom.connectionSpeed %></span> <%= i18n.t('mbps') %></div>\n            </li>\n            <li class=\"canvas-wrapper\">\n                <canvas id=\"speedTestCanvas\" width=\"190\" height=\"20\"></canvas>\n            </li>\n            <li>\n                <%= i18n.t('stats.ping') %>\n                <div><span id=\"pingText\"><%= custom.ping %></span> <%= i18n.t('ms') %></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.jitter') %>\n                <div><span id=\"jitterText\"><%= custom.jitter %></span> <%= i18n.t('ms') %></div>\n            </li>\n        </ul>\n\n        <ul>\n            <li class=\"title\"><span><%= i18n.t('stats.counters') %></span></li>\n            <li>\n                <%= i18n.t('stats.plays') %>\n                <div><span id=\"nerd-stats-plays\"><%= counters.play %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.pauses') %>\n                <div><span id=\"nerd-stats-pauses\"><%= counters.pause %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.errors') %>\n                <div><span id=\"nerd-stats-errors\"><%= counters.error %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.bufferings') %>\n                <div><span id=\"nerd-stats-bufferings\"><%= counters.buffering %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.decoded_frames') %>\n                <div><span id=\"nerd-stats-decoded-frames\"><%= counters.decodedFrames %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.dropped_frames') %>\n                <div><span id=\"nerd-stats-dropped-frames\"><%= counters.droppedFrames %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.fps') %>\n                <div><span id=\"nerd-stats-fps\"><%= counters.fps %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.bitrate_changes') %>\n                <div><span id=\"nerd-stats-bitrate-changes\"><%= counters.changeLevel %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.seeks') %>\n                <div><span id=\"nerd-stats-seeks\"><%= counters.seek %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.fullscreen') %>\n                <div><span id=\"nerd-stats-fullscreen\"><%= counters.fullscreen %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.dvr_seeks') %>\n                <div><span id=\"nerd-stats-dvr-usage\"><%= counters.dvrUsage %></span></div>\n            </li>\n        </ul>\n\n        <ul>\n            <li class=\"title\"><span><%= i18n.t('stats.duration') %></span></li>\n            <li>\n                <%= i18n.t('stats.startup') %>\n                <div><span id=\"nerd-stats-startup-time\"><%= timers.startup %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.watching') %>\n                <div><span id=\"nerd-stats-watch-time\"><%= timers.watch %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.paused') %>\n                <div><span id=\"nerd-stats-pause-time\"><%= timers.pause %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.buffering') %>\n                <div><span id=\"nerd-stats-buffering-time\"><%= timers.buffering %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.session') %>\n                <div><span id=\"nerd-stats-session-time\"><%= timers.session %></span></div>\n            </li>\n        </ul>\n\n        <ul>\n            <li class=\"title\"><span><%= i18n.t('stats.extra') %></span></li>\n            <li>\n                <%= i18n.t('stats.playback') %>\n                <div><span id=\"nerd-stats-playback-name\"><%= extra.playbackName %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.playback_type') %>\n                <div><span id=\"nerd-stats-playback-type\"><%= extra.playbackType %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.buffer_size') %>\n                <div><span id=\"nerd-stats-buffer-size\"><%= extra.buffersize %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.video_duration') %>\n                <div><span id=\"nerd-stats-video-duration\"><%= extra.duration %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.current_time') %>\n                <div><span id=\"nerd-stats-current-time\"><%= extra.currentTime %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.bitrate_weighted_mean') %>\n                <div><span id=\"nerd-stats-bitrate-weighted-mean\"><%= extra.bitrateWeightedMean %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.bitrate_most_used') %>\n                <div><span id=\"nerd-stats-bitrate-most-used\"><%= extra.bitrateMostUsed %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.watched_percentage') %>\n                <div><span id=\"nerd-stats-watched-percentage\"><%= extra.watchedPercentage %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.buffering_percentage') %>\n                <div><span id=\"nerd-stats-buffering-percentage\"><%= extra.bufferingPercentage %></span></div>\n            </li>\n        </ul>\n    </div>\n    <div class=\"speedtest-summary\">\n        <div class=\"speedtest-summary-header\"><%= i18n.t('stats.your_internet_quality_summary') %>:</div>\n        <div class=\"speedtest-summary-block\">\n            <div class=\"speedtest-summary-subblock\">\n                <div class=\"speedtest-summary-subblock-content\">\n                    <div class=\"speedtest-quality\">\n                        <div class=\"speedtest-quality-header\"><%= i18n.t('vod') %>: \n                            <span id=\"nerd-stats-quality-vod-text\"><%= custom.vodQuality %></span></div>\n                        <div class=\"speedtest-quality-content\" data-streaming-type=\"vod\" id=\"nerd-stats-quality-vod\">\n                            <div class=\"speedtest-quality-content-item\"></div>\n                            <div class=\"speedtest-quality-content-item\"></div>\n                            <div class=\"speedtest-quality-content-item\"></div>\n                            <div class=\"speedtest-quality-content-item\"></div>\n                            <div class=\"speedtest-quality-content-item\"></div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"speedtest-summary-subblock\">\n                <div class=\"speedtest-summary-subblock-content\">\n                    <div class=\"speedtest-quality\">\n                        <div class=\"speedtest-quality-header\"><%= i18n.t('live') %>: \n                            <span id=\"nerd-stats-quality-live-text\"><%= custom.liveQuality %></span></div>\n                        <div class=\"speedtest-quality-content\" data-streaming-type=\"live\" id=\"nerd-stats-quality-live\">\n                            <div class=\"speedtest-quality-content-item\"></div>\n                            <div class=\"speedtest-quality-content-item\"></div>\n                            <div class=\"speedtest-quality-content-item\"></div>\n                            <div class=\"speedtest-quality-content-item\"></div>\n                            <div class=\"speedtest-quality-content-item\"></div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"speedtest-footer\">\n        <!--    <a class=\"speedtest-footer-about-link\" href=\"\" target=\"_blank\">I am not a nerd, what's this all about?</a>-->\n        <button class=\"gplayer-lite-btn speedtest-btn speedtest-footer-refresh\" type=\"button\" id=\"nerd-stats-refresh\">\n            <svg width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\">\n                <path\n                        d=\"M6.03968 0.124998C3.64268 0.124998 1.67268 1.9565 1.48068 4.2915H1.00018C0.925833 4.29146 0.853156 4.31353 0.791378 4.35489C0.729601 4.39625 0.681511 4.45503 0.653218 4.52378C0.624925 4.59253 0.617705 4.66814 0.632476 4.74101C0.647248 4.81387 0.683343 4.88069 0.736177 4.933L1.57618 5.766C1.64641 5.83561 1.74129 5.87467 1.84018 5.87467C1.93906 5.87467 2.03395 5.83561 2.10418 5.766L2.94418 4.933C2.99701 4.88069 3.03311 4.81387 3.04788 4.74101C3.06265 4.66814 3.05543 4.59253 3.02714 4.52378C2.99884 4.45503 2.95075 4.39625 2.88898 4.35489C2.8272 4.31353 2.75452 4.29146 2.68018 4.2915H2.23368C2.42368 2.376 4.05268 0.874998 6.03968 0.874998C6.6948 0.873639 7.33932 1.04039 7.91158 1.35931C8.48384 1.67822 8.9647 2.13863 9.30818 2.6965C9.33331 2.73978 9.36686 2.7776 9.40684 2.80771C9.44682 2.83783 9.49243 2.85963 9.54097 2.87184C9.58951 2.88405 9.64001 2.88643 9.68948 2.87881C9.73895 2.8712 9.7864 2.85377 9.82902 2.82753C9.87165 2.80129 9.90859 2.76679 9.93767 2.72605C9.96675 2.68531 9.98739 2.63916 9.99835 2.59032C10.0093 2.54148 10.0104 2.49095 10.0015 2.44168C9.99264 2.39242 9.974 2.34544 9.94668 2.3035C9.53615 1.63664 8.96146 1.08621 8.27752 0.704805C7.59359 0.323402 6.82277 0.123774 6.03968 0.124998ZM10.4207 4.2335C10.3505 4.16419 10.2558 4.12532 10.1572 4.12532C10.0585 4.12532 9.96386 4.16419 9.89368 4.2335L9.05018 5.0665C8.9972 5.11874 8.96096 5.18557 8.94608 5.25847C8.93119 5.33137 8.93833 5.40705 8.96658 5.47588C8.99483 5.54472 9.04292 5.60359 9.10473 5.64501C9.16654 5.68644 9.23927 5.70853 9.31368 5.7085H9.76318C9.57218 7.6235 7.93768 9.125 5.94118 9.125C5.28399 9.12683 4.63729 8.96035 4.06269 8.64141C3.48808 8.32247 3.00473 7.86169 2.65868 7.303C2.63281 7.26107 2.59893 7.22465 2.55899 7.19582C2.51904 7.16699 2.47381 7.14631 2.42587 7.13495C2.37793 7.1236 2.32823 7.1218 2.27959 7.12966C2.23096 7.13752 2.18435 7.15488 2.14243 7.18075C2.05776 7.233 1.99731 7.31674 1.97438 7.41355C1.95146 7.51037 1.96793 7.61233 2.02018 7.697C2.43345 8.36457 3.01076 8.91521 3.69713 9.29647C4.38349 9.67772 5.15604 9.87689 5.94118 9.875C8.34518 9.875 10.3237 8.045 10.5162 5.7085H11.0002C11.0746 5.70853 11.1473 5.68644 11.2091 5.64501C11.2709 5.60359 11.319 5.54472 11.3473 5.47588C11.3755 5.40705 11.3827 5.33137 11.3678 5.25847C11.3529 5.18557 11.3167 5.11874 11.2637 5.0665L10.4207 4.2335Z\"\n                        fill=\"white\"/>\n            </svg>\n            <%= i18n.t('stats.refresh') %>\n        </button>\n    </div>\n</div>\n";
+const pluginHtml$4 = "<% general = metrics.general %>\n<% counters = metrics.counters %>\n<% timers = metrics.chrono %>\n<% extra = metrics.extra %>\n<% custom = metrics.custom %>\n\n<div class=\"stats-box\" id=\"nerd-stats-box\">\n    <div class=\"stats-box-top\">\n        <a class=\"close-button gplayer-lite-btn\" id=\"nerd-stats-close\">\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\">\n                <g clip-path=\"url(#clip0_184_1489)\">\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n                          d=\"M7.41376 6.00013L13.7068 -0.292872C14.0978 -0.683872 14.0978 -1.31587 13.7068 -1.70687C13.3158 -2.09787 12.6838 -2.09787 12.2928 -1.70687L5.99976 4.58613L-0.293238 -1.70687C-0.684238 -2.09787 -1.31624 -2.09787 -1.70724 -1.70687C-2.09824 -1.31587 -2.09824 -0.683872 -1.70724 -0.292872L4.58576 6.00013L-1.70724 12.2931C-2.09824 12.6841 -2.09824 13.3161 -1.70724 13.7071C-1.51224 13.9021 -1.25624 14.0001 -1.00024 14.0001C-0.744238 14.0001 -0.488238 13.9021 -0.293238 13.7071L5.99976 7.41413L12.2928 13.7071C12.4878 13.9021 12.7438 14.0001 12.9998 14.0001C13.2558 14.0001 13.5118 13.9021 13.7068 13.7071C14.0978 13.3161 14.0978 12.6841 13.7068 12.2931L7.41376 6.00013Z\"\n                          fill=\"white\"/>\n                </g>\n                <defs>\n                    <clipPath id=\"clip0_184_1489\">\n                        <rect width=\"12\" height=\"12\" fill=\"white\"/>\n                    </clipPath>\n                </defs>\n            </svg>\n        </a>\n    </div>\n    <div class=\"stats-box-main\">\n        <ul>\n            <li class=\"title\"><span><%= i18n.t('stats.general') %></span></li>\n            <li>\n                <%= i18n.t('stats.display_resolution') %>\n                <div><span><span id=\"nerd-stats-resolution-width\"><%= general.resolution.width %></span>&times;<span id=\"nerd-stats-resolution-height\"><%= general.resolution.height %></span></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.volume') %>\n                <div id=\"nerd-stats-volume\"><span><%= general.volume %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.connection_speed') %>\n                <div><span id=\"nerd-stats-dl-text\"><%= custom.connectionSpeed %></span> <%= i18n.t('mbps') %></div>\n            </li>\n            <li class=\"canvas-wrapper\">\n                <canvas id=\"nerd-stats-speed-test-canvas\" width=\"190\" height=\"20\"></canvas>\n            </li>\n            <li>\n                <%= i18n.t('stats.ping') %>\n                <div><span id=\"nerd-stats-ping-text\"><%= custom.ping %></span> <%= i18n.t('ms') %></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.jitter') %>\n                <div><span id=\"nerd-stats-jitter-text\"><%= custom.jitter %></span> <%= i18n.t('ms') %></div>\n            </li>\n        </ul>\n\n        <ul>\n            <li class=\"title\"><span><%= i18n.t('stats.duration') %></span></li>\n            <li>\n                <%= i18n.t('stats.startup') %>\n                <div><span id=\"nerd-stats-startup-time\"><%= timers.startup %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.watching') %>\n                <div><span id=\"nerd-stats-watch-time\"><%= timers.watch %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.paused') %>\n                <div><span id=\"nerd-stats-pause-time\"><%= timers.pause %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.buffering') %>\n                <div><span id=\"nerd-stats-buffering-time\"><%= timers.buffering %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.session') %>\n                <div><span id=\"nerd-stats-session-time\"><%= timers.session %></span></div>\n            </li>\n        </ul>\n\n        <ul>\n            <li class=\"title\"><span><%= i18n.t('stats.counters') %></span></li>\n            <li>\n                <%= i18n.t('stats.plays') %>\n                <div><span id=\"nerd-stats-plays\"><%= counters.play %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.pauses') %>\n                <div><span id=\"nerd-stats-pauses\"><%= counters.pause %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.errors') %>\n                <div><span id=\"nerd-stats-errors\"><%= counters.error %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.bufferings') %>\n                <div><span id=\"nerd-stats-bufferings\"><%= counters.buffering %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.decoded_frames') %>\n                <div><span id=\"nerd-stats-decoded-frames\"><%= counters.decodedFrames %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.dropped_frames') %>\n                <div><span id=\"nerd-stats-dropped-frames\"><%= counters.droppedFrames %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.fps') %>\n                <div><span id=\"nerd-stats-fps\"><%= counters.fps %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.bitrate_changes') %>\n                <div><span id=\"nerd-stats-bitrate-changes\"><%= counters.changeLevel %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.seeks') %>\n                <div><span id=\"nerd-stats-seeks\"><%= counters.seek %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.fullscreen') %>\n                <div><span id=\"nerd-stats-fullscreen\"><%= counters.fullscreen %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.dvr_seeks') %>\n                <div><span id=\"nerd-stats-dvr-usage\"><%= counters.dvrUsage %></span></div>\n            </li>\n        </ul>\n\n        <ul>\n            <li class=\"title\"><span><%= i18n.t('stats.extra') %></span></li>\n            <li>\n                <%= i18n.t('stats.playback') %>\n                <div><span id=\"nerd-stats-playback-name\"><%= extra.playbackName %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.playback_type') %>\n                <div><span id=\"nerd-stats-playback-type\"><%= extra.playbackType %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.buffer_size') %>\n                <div><span id=\"nerd-stats-buffer-size\"><%= extra.buffersize %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.video_duration') %>\n                <div><span id=\"nerd-stats-video-duration\"><%= extra.duration %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.current_time') %>\n                <div><span id=\"nerd-stats-current-time\"><%= extra.currentTime %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.bitrate_weighted_mean') %>\n                <div><span id=\"nerd-stats-bitrate-weighted-mean\"><%= extra.bitrateWeightedMean %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.bitrate_most_used') %>\n                <div><span id=\"nerd-stats-bitrate-most-used\"><%= extra.bitrateMostUsed %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.watched_percentage') %>\n                <div><span id=\"nerd-stats-watched-percentage\"><%= extra.watchedPercentage %></span></div>\n            </li>\n            <li>\n                <%= i18n.t('stats.buffering_percentage') %>\n                <div><span id=\"nerd-stats-buffering-percentage\"><%= extra.bufferingPercentage %></span></div>\n            </li>\n        </ul>\n    </div>\n    <div class=\"speedtest-summary\">\n        <div class=\"speedtest-summary-header\"><%= i18n.t('stats.your_internet_quality_summary') %>:</div>\n        <div class=\"speedtest-summary-block\">\n            <div class=\"speedtest-summary-subblock\">\n                <div class=\"speedtest-summary-subblock-content\">\n                    <div class=\"speedtest-quality\">\n                        <div class=\"speedtest-quality-header\"><%= i18n.t('vod') %>: \n                            <span id=\"nerd-stats-quality-vod-text\"><%= custom.vodQuality %></span></div>\n                        <div class=\"speedtest-quality-content\" data-streaming-type=\"vod\" id=\"nerd-stats-quality-vod\">\n                            <div class=\"speedtest-quality-content-item\"></div>\n                            <div class=\"speedtest-quality-content-item\"></div>\n                            <div class=\"speedtest-quality-content-item\"></div>\n                            <div class=\"speedtest-quality-content-item\"></div>\n                            <div class=\"speedtest-quality-content-item\"></div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"speedtest-summary-subblock\">\n                <div class=\"speedtest-summary-subblock-content\">\n                    <div class=\"speedtest-quality\">\n                        <div class=\"speedtest-quality-header\"><%= i18n.t('live') %>: \n                            <span id=\"nerd-stats-quality-live-text\"><%= custom.liveQuality %></span></div>\n                        <div class=\"speedtest-quality-content\" data-streaming-type=\"live\" id=\"nerd-stats-quality-live\">\n                            <div class=\"speedtest-quality-content-item\"></div>\n                            <div class=\"speedtest-quality-content-item\"></div>\n                            <div class=\"speedtest-quality-content-item\"></div>\n                            <div class=\"speedtest-quality-content-item\"></div>\n                            <div class=\"speedtest-quality-content-item\"></div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"speedtest-footer\">\n        <!--    <a class=\"speedtest-footer-about-link\" href=\"\" target=\"_blank\">I am not a nerd, what's this all about?</a>-->\n        <button class=\"gplayer-lite-btn speedtest-btn speedtest-footer-refresh\" type=\"button\" id=\"nerd-stats-refresh\">\n            <svg width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\">\n                <path\n                    d=\"M6.03968 0.124998C3.64268 0.124998 1.67268 1.9565 1.48068 4.2915H1.00018C0.925833 4.29146 0.853156 4.31353 0.791378 4.35489C0.729601 4.39625 0.681511 4.45503 0.653218 4.52378C0.624925 4.59253 0.617705 4.66814 0.632476 4.74101C0.647248 4.81387 0.683343 4.88069 0.736177 4.933L1.57618 5.766C1.64641 5.83561 1.74129 5.87467 1.84018 5.87467C1.93906 5.87467 2.03395 5.83561 2.10418 5.766L2.94418 4.933C2.99701 4.88069 3.03311 4.81387 3.04788 4.74101C3.06265 4.66814 3.05543 4.59253 3.02714 4.52378C2.99884 4.45503 2.95075 4.39625 2.88898 4.35489C2.8272 4.31353 2.75452 4.29146 2.68018 4.2915H2.23368C2.42368 2.376 4.05268 0.874998 6.03968 0.874998C6.6948 0.873639 7.33932 1.04039 7.91158 1.35931C8.48384 1.67822 8.9647 2.13863 9.30818 2.6965C9.33331 2.73978 9.36686 2.7776 9.40684 2.80771C9.44682 2.83783 9.49243 2.85963 9.54097 2.87184C9.58951 2.88405 9.64001 2.88643 9.68948 2.87881C9.73895 2.8712 9.7864 2.85377 9.82902 2.82753C9.87165 2.80129 9.90859 2.76679 9.93767 2.72605C9.96675 2.68531 9.98739 2.63916 9.99835 2.59032C10.0093 2.54148 10.0104 2.49095 10.0015 2.44168C9.99264 2.39242 9.974 2.34544 9.94668 2.3035C9.53615 1.63664 8.96146 1.08621 8.27752 0.704805C7.59359 0.323402 6.82277 0.123774 6.03968 0.124998ZM10.4207 4.2335C10.3505 4.16419 10.2558 4.12532 10.1572 4.12532C10.0585 4.12532 9.96386 4.16419 9.89368 4.2335L9.05018 5.0665C8.9972 5.11874 8.96096 5.18557 8.94608 5.25847C8.93119 5.33137 8.93833 5.40705 8.96658 5.47588C8.99483 5.54472 9.04292 5.60359 9.10473 5.64501C9.16654 5.68644 9.23927 5.70853 9.31368 5.7085H9.76318C9.57218 7.6235 7.93768 9.125 5.94118 9.125C5.28399 9.12683 4.63729 8.96035 4.06269 8.64141C3.48808 8.32247 3.00473 7.86169 2.65868 7.303C2.63281 7.26107 2.59893 7.22465 2.55899 7.19582C2.51904 7.16699 2.47381 7.14631 2.42587 7.13495C2.37793 7.1236 2.32823 7.1218 2.27959 7.12966C2.23096 7.13752 2.18435 7.15488 2.14243 7.18075C2.05776 7.233 1.99731 7.31674 1.97438 7.41355C1.95146 7.51037 1.96793 7.61233 2.02018 7.697C2.43345 8.36457 3.01076 8.91521 3.69713 9.29647C4.38349 9.67772 5.15604 9.87689 5.94118 9.875C8.34518 9.875 10.3237 8.045 10.5162 5.7085H11.0002C11.0746 5.70853 11.1473 5.68644 11.2091 5.64501C11.2709 5.60359 11.319 5.54472 11.3473 5.47588C11.3755 5.40705 11.3827 5.33137 11.3678 5.25847C11.3529 5.18557 11.3167 5.11874 11.2637 5.0665L10.4207 4.2335Z\"\n                    fill=\"white\"/>\n            </svg>\n            <%= i18n.t('stats.refresh') %>\n        </button>\n    </div>\n</div>\n";
 
 const buttonHtml$3 = "<button class='nerd-button gplayer-lite-btn gcore-skin-text-color gear-option' id=\"nerd-stats-button\">\n    <span class=\"gear-option_icon\"><%= icon %></span>\n    <span class=\"gear-option_label\"><%= i18n.t('statistics') %></span>\n</button>\n";
 
@@ -12704,38 +12708,40 @@ const qualityClasses = [
     'speedtest-quality-value-5',
 ];
 const getDownloadQuality = (speedValue) => {
+    if (!speedValue) {
+        return 0;
+    }
     if (speedValue < 3) {
         return 1;
     }
-    else if (speedValue < 7) {
+    if (speedValue < 7) {
         return 2;
     }
-    else if (speedValue < 13) {
+    if (speedValue < 13) {
         return 3;
     }
-    else if (speedValue < 25) {
+    if (speedValue < 25) {
         return 4;
     }
-    else {
-        return 5;
-    }
+    return 5;
 };
 const getPingQuality = (pingValue) => {
+    if (!pingValue) {
+        return 0;
+    }
     if (pingValue < 20) {
         return 5;
     }
-    else if (pingValue < 50) {
+    if (pingValue < 50) {
         return 4;
     }
-    else if (pingValue < 100) {
+    if (pingValue < 100) {
         return 3;
     }
-    else if (pingValue < 150) {
+    if (pingValue < 150) {
         return 2;
     }
-    else {
-        return 1;
-    }
+    return 1;
 };
 const generateQualityHtml = (quality) => {
     const html = [];
@@ -12752,9 +12758,9 @@ const generateQualityHtml = (quality) => {
 };
 const drawSummary = (customMetrics, vodContainer, liveContainer) => {
     const { connectionSpeed, ping } = customMetrics;
-    if (!connectionSpeed || !ping) {
-        return;
-    }
+    // if (!connectionSpeed || !ping) {
+    //   return
+    // }
     const downloadQuality = getDownloadQuality(connectionSpeed);
     const pingQuality = getPingQuality(ping);
     const liveQuality = Math.min(downloadQuality, pingQuality);
@@ -12973,8 +12979,11 @@ class NerdStats extends UICorePlugin {
     }
     updateMetrics(metrics) {
         trace(`${T$c} updateMetrics`, { custom: this.speedtestMetrics });
-        Object.assign(this.metrics, metrics);
-        this.updateEstimatedQuality();
+        Object.assign(this.metrics, metrics); // TODO no Object.assign
+        this.metrics.custom = {
+            ...this.speedtestMetrics,
+        };
+        this.updateCustomMetrics();
         this.$el
             .find('#nerd-stats-current-time')
             .text(Formatter.formatTime(this.metrics.extra.currentTime));
@@ -13036,11 +13045,16 @@ class NerdStats extends UICorePlugin {
             .text(Formatter.formatFps(this.metrics.counters.fps));
         this.setStatsBoxSize();
         drawSpeedTestResults();
-        drawSummary(this.speedtestMetrics, this.$el.find('#nerd-stats-quality-vod'), this.$el.find('#nerd-stats-quality-live'));
+        this.updateEstimatedQuality();
         if (!this.open) {
             this.hide();
         }
     }
+    updateCustomMetrics() {
+        this.$el.find('#nerd-stats-dl-text').text(this.metrics.custom.connectionSpeed.toFixed(2));
+        this.$el.find('#nerd-stats-ping-text').text(this.metrics.custom.ping.toFixed(2));
+        this.$el.find('#nerd-stats-jitter-text').text(this.metrics.custom.jitter.toFixed(2));
+    }
     updateEstimatedQuality() {
         this.estimateQuality();
         this.$el
@@ -13049,6 +13063,7 @@ class NerdStats extends UICorePlugin {
         this.$el
             .find('#nerd-stats-quality-live-text')
             .html(this.metrics.custom.liveQuality);
+        drawSummary(this.speedtestMetrics, this.$el.find('#nerd-stats-quality-vod'), this.$el.find('#nerd-stats-quality-live'));
     }
     setStatsBoxSize() {
         if (this.playerWidth >= this.statsBoxWidthThreshold) {
@@ -13092,6 +13107,7 @@ class NerdStats extends UICorePlugin {
         this.speedtestMetrics.ping = 0;
         this.speedtestMetrics.jitter = 0;
         if (clapprStats) {
+            clapprStats.clearMetrics();
             this.updateMetrics(clapprStats.exportMetrics());
         }
     }
@@ -13171,14 +13187,13 @@ class ClickToPause extends ContainerPlugin {
         const isDvrEnabled = this.container.isDvrEnabled();
         if (isLivePlayback && !isDvrEnabled) {
             this.togglePlay(true);
+            return;
         }
-        else if (!isLivePlayback || isDvrEnabled) {
-            this.clearTimer();
-            this.timer = setTimeout(() => {
-                this.timer = null;
-                this.togglePlay(false);
-            }, 300);
-        }
+        this.clearTimer();
+        this.timer = setTimeout(() => {
+            this.timer = null;
+            this.togglePlay(false);
+        }, 300);
     }
     settingsUpdate() {
         const isLivePlayback = this.container.getPlaybackType() === Playback.LIVE;
@@ -14476,6 +14491,10 @@ const LEFT_ORDER = [
     'duration',
     'dvr',
 ];
+var ExtendedEvents;
+(function (ExtendedEvents) {
+    ExtendedEvents["MEDIACONTROL_VOLUME"] = "mediacontrol:volume";
+})(ExtendedEvents || (ExtendedEvents = {}));
 const { Config, Fullscreen, formatTime: formatTime$1, extend, removeArrayItem } = Utils;
 function orderByOrderPattern(arr, order) {
     const arrWithoutDuplicates = [...new Set(arr)];
@@ -14953,14 +14972,15 @@ class MediaControl extends UICorePlugin {
         // if the container is not ready etc
         this.intendedVolume = value;
         this.persistConfig && !isInitialVolume && Config.persist('volume', value);
-        // TODO
         const setWhenContainerReady = () => {
             if (this.core.activeContainer && this.core.activeContainer.isReady) {
                 this.core.activeContainer.setVolume(value);
+                this.trigger(ExtendedEvents.MEDIACONTROL_VOLUME, value);
             }
             else {
                 this.listenToOnce(this.core.activeContainer, Events.CONTAINER_READY, () => {
                     this.core.activeContainer.setVolume(value);
+                    this.trigger(ExtendedEvents.MEDIACONTROL_VOLUME, value);
                 });
             }
         };
@@ -16636,7 +16656,7 @@ class Poster extends UIContainerPlugin {
     }
 }
 
-const buttonHtml = "<button class='gplayer-lite-btn gcore-skin-text-color gear-option' aria-haspopup=\"menu\">\n    <span class=\"gear-option_icon<%= isHd ? '' : ' hidden' %>\"><%= hdIcon %></span>\n    <span class=\"gear-option_label\"><%= i18n.t('quality') %></span>\n    <span class='gear-option_value'><%= currentText %></span>\n    <span class=\"gear-option_arrow-right-icon\"><%= arrowRightIcon %></span>\n</button>\n";
+const buttonHtml = "<button class='gplayer-lite-btn gcore-skin-text-color gear-option' aria-haspopup=\"menu\" id=\"quality-levels\">\n    <span class=\"gear-option_icon<%= isHd ? '' : ' hidden' %>\"><%= hdIcon %></span>\n    <span class=\"gear-option_label\"><%= i18n.t('quality') %></span>\n    <span class='gear-option_value'><%= currentText %></span>\n    <span class=\"gear-option_arrow-right-icon\"><%= arrowRightIcon %></span>\n</button>\n";
 
 const listHtml = "<button class=\"gplayer-lite-btn go-back gcore-skin-text-color\" id=\"level-selector-back-button\">\n    <span class=\"arrow-left-icon\"><%= arrowLeftIcon %></span>\n    <%= i18n.t('quality') %>\n</button>\n<ul class=\"gear-sub-menu quality-levels\" id=\"level-selector-menu\" role=\"menu\">\n    <% if (!removeAuto) { %>\n        <li>\n            <a href=\"#\"\n                class=\"gear-sub-menu_btn gcore-skin-text-color\"\n                data-id=\"-1\"\n                id=\"level_selector_auto\"\n               aria-checked=\"<%= current === -1 %>\"\n               role=\"menuitemradio\"\n            >\n                <span class=\"check-icon\"><%= checkIcon %></span>\n                <%= i18n.t('auto') %>\n            </a>\n        </li>\n    <% } %>\n    <% for (const item of levels.slice().reverse()) {\n        var disabled = maxLevel >= 0 && item.level > maxLevel\n        var checked = item.level === current\n    %>\n        <li class=\"<%= disabled ? ' disabled' : ''%><%=checked ? ' current' : ''%>\">\n            <a href=\"#\"\n                class=\"gear-sub-menu_btn gcore-skin-text-color<%= checked ? ' gcore-skin-active' : '' %>\"\n                data-id=\"<%= item.level %>\"\n                aria-disabled=\"<%= disabled %>\"\n                aria-checked=\"<%= checked %>\"\n                role=\"menuitemradio\"\n                id=\"level_selector_<%= item.width > item.height ? item.height : item.width %>\"\n            >\n                <span class=\"check-icon\"><%= checkIcon %></span>\n                <%= labels[item.level] %>\n            </a>\n        </li>\n    <% } %>\n</ul>\n";
 
@@ -18769,98 +18789,98 @@ var VolumeFadeEvents;
 (function (VolumeFadeEvents) {
     VolumeFadeEvents["FADE"] = "core:volume:fade";
 })(VolumeFadeEvents || (VolumeFadeEvents = {}));
+const DEFAULT_DURATION = 600;
+const DEFAULT_VOLUME_LEVEL = 80;
 /**
- * `PLUGIN` that applies fade effect to the player's volume change.
+ * `PLUGIN` that mutes the sound and fades it in when the mouse is over the player.
  * @beta
+ *
+ * @remarks
+ * When the user moves the mouse over and away from the player, the sound is unmuted and unmuted with a fade effect.
+ *
+ * Depends on {@link MediaControl} plugin.
+ * Configuration options - {@link VolumeFadeSettings}
  */
 class VolumeFade extends UICorePlugin {
-    _aboveBorderVolume = 0;
-    container = null;
-    delay = 0;
-    interval = null;
+    activeVolume = 0;
+    duration = 0;
+    timerId = null;
     /**
      * @internal
      */
     get name() {
         return 'volume_fade';
     }
+    constructor(core) {
+        super(core);
+        if (typeof this.options.volumeFade?.level === 'number') {
+            this.activeVolume = this.options.volumeFade.level;
+        }
+    }
     /**
      * @internal
      */
     bindEvents() {
-        // TODO on container changed
         this.listenTo(this.core, Events.CORE_READY, this.onCoreReady);
-        if (this.core.mediaControl) {
-            this.listenTo(this.core.mediaControl, 'mediacontrol:volume:user', this._onUserChangeVolume);
-        }
-        // this.listenTo(this.core, 'core:volume:config', this._onVolumeConfig);
-    }
-    unBindEvents() {
-        this.core.$el.off('mouseleave.volume');
-        this.core.$el.off('mouseenter.volume');
-    }
-    _onUserChangeVolume(volume) {
-        this._aboveBorderVolume = volume;
-    }
-    _onVolumeConfig(value) {
-        this._aboveBorderVolume = value;
-        this.container?.setVolume(0);
     }
     onCoreReady() {
-        this.unBindEvents();
-        this.container = this.core.activeContainer;
-        if (this.core && this.core.$el) {
-            // TODO find out why options.playerElement instead of this.core.$el or this.container.$el
-            $(this.options.playerElement).on('mouseenter.volume', () => {
-                this.onEnter();
-            });
-            $(this.options.playerElement).on('mouseleave.volume', () => {
-                this.onLeave();
-            });
-        }
-        if (!this._aboveBorderVolume) {
-            this._aboveBorderVolume = this.container?.volume && !isNaN(this.container.volume) ? this.container.volume : 80;
-        }
-        if (this.options.mute || Browser.isMobile) {
+        const mediaControl = this.core.getPlugin('media_control');
+        if (Browser.isMobile) {
             this.destroy();
             return;
         }
-        this.delay = this.options.volumeFade && this.options.volumeFade.delay || 600;
-        this.container?.setVolume(0);
+        if (mediaControl) {
+            this.listenTo(mediaControl, ExtendedEvents.MEDIACONTROL_VOLUME, this.onVolumeChange);
+        }
+        $(this.core.$el).on('mouseenter', () => this.onEnter());
+        $(this.core.$el).on('mouseleave', () => this.onLeave());
+        if (!this.activeVolume) {
+            this.activeVolume =
+                this.core.activeContainer?.volume &&
+                    !isNaN(this.core.activeContainer.volume)
+                    ? this.core.activeContainer.volume
+                    : DEFAULT_VOLUME_LEVEL;
+        }
+        this.duration = this.options.volumeFade?.duration || DEFAULT_DURATION;
+        // TODO check if `mute` must be respected
+        this.core.activeContainer?.setVolume(this.activeVolume);
+        this.core.activePlayback.volume(0);
+    }
+    onVolumeChange(volume) {
+        this.activeVolume = volume;
     }
     onEnter() {
-        this.numberTo(this.delay);
+        this.fade(this.duration, 1);
     }
-    numberTo(duration, contra = 0) {
-        this.clearCurrentInterval();
+    onLeave() {
+        this.fade(this.duration, 0);
+    }
+    fade(duration, to) {
+        this.stopFade();
         const start = new Date().getTime();
-        this.interval = setInterval(() => {
-            let now = (new Date().getTime()) - start;
-            if (now > duration) {
-                now = duration;
-            }
-            const progress = Math.abs(contra - now / duration);
+        const from = 1 - to;
+        this.timerId = setInterval(() => {
+            const delta = new Date().getTime() - start;
+            const progress = Math.min(1, delta / duration);
+            const normVol = progress * to + (1 - progress) * from;
+            const volume = normVol * this.activeVolume;
+            this.core.activePlayback.volume(volume);
             try {
-                this.container?.setVolume(progress * this._aboveBorderVolume);
-                this.core.trigger(VolumeFadeEvents.FADE, progress * this._aboveBorderVolume);
+                this.core.trigger(VolumeFadeEvents.FADE, volume);
             }
             catch (error) {
-                this.clearCurrentInterval();
             }
-            if (progress >= 1 || progress <= 0) {
-                this.clearCurrentInterval();
+            if (progress >= 1) {
+                this.stopFade();
             }
         }, 10);
     }
-    clearCurrentInterval() {
-        if (this.interval !== null) {
-            clearInterval(this.interval);
-            this.interval = null;
+    stopFade() {
+        if (this.timerId !== null) {
+            clearInterval(this.timerId);
+            this.timerId = null;
         }
     }
-    onLeave() {
-        this.numberTo(this.delay, 1);
-    }
 }
 
-export { AudioTracks as AudioSelector, AudioTracks, BigMuteButton, BottomGear, NerdStats as ClapprNerdStats, ClapprStats, ClapprStatsChronograph, ClapprStatsCounter, ClapprStatsEvents, ClickToPause, Clips, ClosedCaptions, ContextMenu, DvrControls, ErrorScreen, Favicon, GearEvents, GoogleAnalytics, QualityLevels as LevelSelector, Logo, MediaControl, MultiCamera, NerdStats, PictureInPicture, PlaybackRate, Poster, QualityLevels, SeekTime, Share, SkipTime, SourceController, SpinnerThreeBounce as Spinner, SpinnerEvents, SpinnerThreeBounce, ClosedCaptions as Subtitles, Telemetry, TelemetryEvent, Thumbnails, VolumeFade, VolumeFadeEvents };
+export { AudioTracks as AudioSelector, AudioTracks, BigMuteButton, BottomGear, NerdStats as ClapprNerdStats, ClapprStats, ClapprStatsChronograph, ClapprStatsCounter, ClapprStatsEvents, ClickToPause, Clips, ClosedCaptions, ContextMenu, DvrControls, ErrorScreen, ExtendedEvents, Favicon, GearEvents, GoogleAnalytics, QualityLevels as LevelSelector, Logo, MediaControl, MultiCamera, NerdStats, PictureInPicture, PlaybackRate, Poster, QualityLevels, SeekTime, Share, SkipTime, SourceController, SpinnerThreeBounce as Spinner, SpinnerEvents, SpinnerThreeBounce, ClosedCaptions as Subtitles, Telemetry, TelemetryEvent, Thumbnails, VolumeFade, VolumeFadeEvents };

package/docs/api/{player.bitratetrackrecord.md → player.clapprstatsbitratetrack.md}

@@ -1,8 +1,8 @@
 <!-- Do not edit this file. It is automatically generated by API Documenter. -->
 
-[Home](./index.md) &gt; [@gcorevideo/player](./player.md) &gt; [BitrateTrackRecord](./player.bitratetrackrecord.md)
+[Home](./index.md) &gt; [@gcorevideo/player](./player.md) &gt; [ClapprStatsBitrateTrack](./player.clapprstatsbitratetrack.md)
 
-## BitrateTrackRecord type
+## ClapprStatsBitrateTrack type
 
 > This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
 > 
@@ -11,7 +11,7 @@
 **Signature:**
 
 ```typescript
-export type BitrateTrackRecord = {
+export type ClapprStatsBitrateTrack = {
     start: number;
     end?: number;
     time?: number;

package/docs/api/player.clapprstatsmetrics.md

@@ -35,7 +35,7 @@ export type ClapprStatsMetrics = {
     extra: {
         playbackName: string;
         playbackType: string;
-        bitratesHistory: BitrateTrackRecord[];
+        bitratesHistory: ClapprStatsBitrateTrack[];
         bitrateWeightedMean: number;
         bitrateMostUsed: number;
         buffersize: number;
@@ -48,5 +48,5 @@ export type ClapprStatsMetrics = {
     };
 };
 ```
-**References:** [ClapprStatsCounter.Play](./player.clapprstatscounter.md)<!-- -->, [ClapprStatsCounter.Pause](./player.clapprstatscounter.md)<!-- -->, [ClapprStatsCounter.Error](./player.clapprstatscounter.md)<!-- -->, [ClapprStatsCounter.Buffering](./player.clapprstatscounter.md)<!-- -->, [ClapprStatsCounter.DecodedFrames](./player.clapprstatscounter.md)<!-- -->, [ClapprStatsCounter.DroppedFrames](./player.clapprstatscounter.md)<!-- -->, [ClapprStatsCounter.Fps](./player.clapprstatscounter.md)<!-- -->, [ClapprStatsCounter.ChangeLevel](./player.clapprstatscounter.md)<!-- -->, [ClapprStatsCounter.Seek](./player.clapprstatscounter.md)<!-- -->, [ClapprStatsCounter.Fullscreen](./player.clapprstatscounter.md)<!-- -->, [ClapprStatsCounter.DvrUsage](./player.clapprstatscounter.md)<!-- -->, [ClapprStatsChronograph.Startup](./player.clapprstatschronograph.md)<!-- -->, [ClapprStatsChronograph.Watch](./player.clapprstatschronograph.md)<!-- -->, [ClapprStatsChronograph.Pause](./player.clapprstatschronograph.md)<!-- -->, [ClapprStatsChronograph.Buffering](./player.clapprstatschronograph.md)<!-- -->, [ClapprStatsChronograph.Session](./player.clapprstatschronograph.md)<!-- -->, [BitrateTrackRecord](./player.bitratetrackrecord.md)
+**References:** [ClapprStatsCounter.Play](./player.clapprstatscounter.md)<!-- -->, [ClapprStatsCounter.Pause](./player.clapprstatscounter.md)<!-- -->, [ClapprStatsCounter.Error](./player.clapprstatscounter.md)<!-- -->, [ClapprStatsCounter.Buffering](./player.clapprstatscounter.md)<!-- -->, [ClapprStatsCounter.DecodedFrames](./player.clapprstatscounter.md)<!-- -->, [ClapprStatsCounter.DroppedFrames](./player.clapprstatscounter.md)<!-- -->, [ClapprStatsCounter.Fps](./player.clapprstatscounter.md)<!-- -->, [ClapprStatsCounter.ChangeLevel](./player.clapprstatscounter.md)<!-- -->, [ClapprStatsCounter.Seek](./player.clapprstatscounter.md)<!-- -->, [ClapprStatsCounter.Fullscreen](./player.clapprstatscounter.md)<!-- -->, [ClapprStatsCounter.DvrUsage](./player.clapprstatscounter.md)<!-- -->, [ClapprStatsChronograph.Startup](./player.clapprstatschronograph.md)<!-- -->, [ClapprStatsChronograph.Watch](./player.clapprstatschronograph.md)<!-- -->, [ClapprStatsChronograph.Pause](./player.clapprstatschronograph.md)<!-- -->, [ClapprStatsChronograph.Buffering](./player.clapprstatschronograph.md)<!-- -->, [ClapprStatsChronograph.Session](./player.clapprstatschronograph.md)<!-- -->, [ClapprStatsBitrateTrack](./player.clapprstatsbitratetrack.md)
 

package/docs/api/player.extendedevents.md

@@ -0,0 +1,45 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@gcorevideo/player](./player.md) &gt; [ExtendedEvents](./player.extendedevents.md)
+
+## ExtendedEvents enum
+
+**Signature:**
+
+```typescript
+export declare enum ExtendedEvents 
+```
+
+## Enumeration Members
+
+<table><thead><tr><th>
+
+Member
+
+
+</th><th>
+
+Value
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+MEDIACONTROL\_VOLUME
+
+
+</td><td>
+
+`"mediacontrol:volume"`
+
+
+</td><td>
+
+
+</td></tr>
+</tbody></table>

package/docs/api/player.gearevents.md

@@ -45,7 +45,7 @@ RENDERED
 
 </td><td>
 
-**_(BETA)_** Use this event to accurately attach an item to the gear menu
+**_(BETA)_** Subscribe to this event to accurately attach an item to the gear menu
 
 
 </td></tr>

package/docs/api/player.md

@@ -358,7 +358,7 @@ Description
 
 </td><td>
 
-**_(BETA)_** `PLUGIN` that applies fade effect to the player's volume change.
+**_(BETA)_** `PLUGIN` that mutes the sound and fades it in when the mouse is over the player.
 
 
 </td></tr>
@@ -409,6 +409,15 @@ Description
 **_(BETA)_**
 
 
+</td></tr>
+<tr><td>
+
+[ExtendedEvents](./player.extendedevents.md)
+
+
+</td><td>
+
+
 </td></tr>
 <tr><td>
 
@@ -688,7 +697,7 @@ Description
 </th></tr></thead>
 <tbody><tr><td>
 
-[BitrateTrackRecord](./player.bitratetrackrecord.md)
+[ClapprStatsBitrateTrack](./player.clapprstatsbitratetrack.md)
 
 
 </td><td>
@@ -1116,6 +1125,17 @@ Localization strings for the player UI.
 Preferred streaming media delivery protocol
 
 
+</td></tr>
+<tr><td>
+
+[VolumeFadeSettings](./player.volumefadesettings.md)
+
+
+</td><td>
+
+**_(BETA)_**
+
+
 </td></tr>
 <tr><td>
 

package/docs/api/player.mediacontrol.mount.md

@@ -7,11 +7,6 @@
 > This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
 > 
 
-> Warning: This API is now obsolete.
-> 
-> Use [MediaControl.putElement()](./player.mediacontrol.putelement.md) instead
-> 
-
 Get a media control element DOM node
 
 **Signature:**

package/docs/api/player.mediacontrol.putelement.md

@@ -7,6 +7,11 @@
 > This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
 > 
 
+> Warning: This API is now obsolete.
+> 
+> Use [MediaControl.mount()](./player.mediacontrol.mount.md) instead
+> 
+
 **Signature:**
 
 ```typescript

package/docs/api/player.mediacontrol.toggleelement.md

@@ -59,7 +59,7 @@ boolean
 
 </td><td>
 
-Whether to show or hide the element
+Visibility state
 
 
 </td></tr>