@gcorevideo/player 2.22.21 → 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;
@@ -18775,11 +18790,14 @@ var 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}
  */
@@ -18821,10 +18839,10 @@ class VolumeFade extends UICorePlugin {
                 this.core.activeContainer?.volume &&
                     !isNaN(this.core.activeContainer.volume)
                     ? this.core.activeContainer.volume
-                    : 80;
+                    : DEFAULT_VOLUME_LEVEL;
         }
         this.duration = this.options.volumeFade?.duration || DEFAULT_DURATION;
-        // TODO check if mute must be respected
+        // TODO check if `mute` must be respected
         this.core.activeContainer?.setVolume(this.activeVolume);
         this.core.activePlayback.volume(0);
     }

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.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>
 
@@ -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.volumefade._constructor_.md

@@ -0,0 +1,50 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@gcorevideo/player](./player.md) &gt; [VolumeFade](./player.volumefade.md) &gt; [(constructor)](./player.volumefade._constructor_.md)
+
+## VolumeFade.(constructor)
+
+> 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.
+> 
+
+Constructs a new instance of the `VolumeFade` class
+
+**Signature:**
+
+```typescript
+constructor(core: Core);
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+core
+
+
+</td><td>
+
+Core
+
+
+</td><td>
+
+
+</td></tr>
+</tbody></table>

package/docs/api/player.volumefade.md

@@ -7,7 +7,7 @@
 > 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.
 > 
 
-`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.
 
 **Signature:**
 
@@ -16,3 +16,42 @@ export declare class VolumeFade extends UICorePlugin
 ```
 **Extends:** UICorePlugin
 
+## 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 [MediaControl](./player.mediacontrol.md) plugin. Configuration options - [VolumeFadeSettings](./player.volumefadesettings.md)
+
+## Constructors
+
+<table><thead><tr><th>
+
+Constructor
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[(constructor)(core)](./player.volumefade._constructor_.md)
+
+
+</td><td>
+
+
+</td><td>
+
+**_(BETA)_** Constructs a new instance of the `VolumeFade` class
+
+
+</td></tr>
+</tbody></table>

package/docs/api/player.volumefadesettings.md

@@ -0,0 +1,18 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@gcorevideo/player](./player.md) &gt; [VolumeFadeSettings](./player.volumefadesettings.md)
+
+## VolumeFadeSettings 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.
+> 
+
+
+**Signature:**
+
+```typescript
+export type VolumeFadeSettings = {
+    level?: number;
+    duration?: number;
+};
+```

package/lib/plugins/clappr-nerd-stats/NerdStats.d.ts

@@ -72,6 +72,7 @@ export declare class NerdStats extends UICorePlugin {
     private updateResolution;
     private estimateQuality;
     private updateMetrics;
+    private updateCustomMetrics;
     private updateEstimatedQuality;
     private setStatsBoxSize;
     /**

package/lib/plugins/clappr-nerd-stats/NerdStats.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NerdStats.d.ts","sourceRoot":"","sources":["../../../src/plugins/clappr-nerd-stats/NerdStats.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EAGZ,IAAI,EAGL,MAAM,cAAc,CAAA;AAuBrB,OAAO,0DAA0D,CAAA;AAiCjE;;;;;;;;;;;;;;;GAeG;AACH,qBAAa,SAAU,SAAQ,YAAY;IACzC,OAAO,CAAC,SAAS,CAAyB;IAE1C,OAAO,CAAC,gBAAgB,CAIvB;IAED,OAAO,CAAC,OAAO,CAAwB;IAEvC,OAAO,CAAC,IAAI,CAAQ;IAEpB,OAAO,CAAC,QAAQ,CAAU;IAE1B,OAAO,CAAC,YAAY,CAAc;IAElC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAuB;IAE7D;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAuB;IAEvD;;OAEG;IACH,IAAa,UAAU;;MAItB;IAED;;OAEG;IACH,IAAa,MAAM;;;;MAMlB;IAED,OAAO,CAAC,OAAO;IAKf,OAAO,KAAK,YAAY,GAEvB;IAED,OAAO,KAAK,sBAAsB,GAEjC;IAED,OAAO,KAAK,WAAW,GAEtB;IAED,OAAO,KAAK,YAAY,GAEvB;gBAEW,IAAI,EAAE,IAAI;IAgBtB;;OAEG;IACM,UAAU;IAUnB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,wBAAwB;IAiChC;;OAEG;IACM,OAAO;IAKhB,OAAO,CAAC,MAAM,CAMb;IAED,OAAO,CAAC,IAAI;IAgBZ,OAAO,CAAC,IAAI;IAMZ,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,gBAAgB;IAaxB,OAAO,CAAC,eAAe;IA8BvB,OAAO,CAAC,aAAa;IAmFrB,OAAO,CAAC,sBAAsB;IAU9B,OAAO,CAAC,eAAe;IAUvB;;OAEG;IACM,MAAM;IAcf,OAAO,CAAC,MAAM;IAiBd,OAAO,CAAC,qBAAqB;IAY7B,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,kBAAkB;CAU3B"}
+{"version":3,"file":"NerdStats.d.ts","sourceRoot":"","sources":["../../../src/plugins/clappr-nerd-stats/NerdStats.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EAGZ,IAAI,EAGL,MAAM,cAAc,CAAA;AAuBrB,OAAO,0DAA0D,CAAA;AAiCjE;;;;;;;;;;;;;;;GAeG;AACH,qBAAa,SAAU,SAAQ,YAAY;IACzC,OAAO,CAAC,SAAS,CAAyB;IAE1C,OAAO,CAAC,gBAAgB,CAIvB;IAED,OAAO,CAAC,OAAO,CAAwB;IAEvC,OAAO,CAAC,IAAI,CAAQ;IAEpB,OAAO,CAAC,QAAQ,CAAU;IAE1B,OAAO,CAAC,YAAY,CAAc;IAElC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAuB;IAE7D;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAuB;IAEvD;;OAEG;IACH,IAAa,UAAU;;MAItB;IAED;;OAEG;IACH,IAAa,MAAM;;;;MAMlB;IAED,OAAO,CAAC,OAAO;IAKf,OAAO,KAAK,YAAY,GAEvB;IAED,OAAO,KAAK,sBAAsB,GAEjC;IAED,OAAO,KAAK,WAAW,GAEtB;IAED,OAAO,KAAK,YAAY,GAEvB;gBAEW,IAAI,EAAE,IAAI;IAgBtB;;OAEG;IACM,UAAU;IAUnB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,wBAAwB;IAiChC;;OAEG;IACM,OAAO;IAKhB,OAAO,CAAC,MAAM,CAMb;IAED,OAAO,CAAC,IAAI;IAgBZ,OAAO,CAAC,IAAI;IAMZ,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,gBAAgB;IAaxB,OAAO,CAAC,eAAe;IA8BvB,OAAO,CAAC,aAAa;IAmFrB,OAAO,CAAC,mBAAmB;IAM3B,OAAO,CAAC,sBAAsB;IAgB9B,OAAO,CAAC,eAAe;IAUvB;;OAEG;IACM,MAAM;IAcf,OAAO,CAAC,MAAM;IAiBd,OAAO,CAAC,qBAAqB;IAa7B,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,kBAAkB;CAU3B"}

package/lib/plugins/clappr-nerd-stats/NerdStats.js

@@ -225,8 +225,11 @@ export class NerdStats extends UICorePlugin {
     }
     updateMetrics(metrics) {
         trace(`${T} 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));
@@ -288,11 +291,16 @@ export 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
@@ -301,6 +309,7 @@ export 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) {
@@ -345,6 +354,7 @@ export class NerdStats extends UICorePlugin {
         this.speedtestMetrics.ping = 0;
         this.speedtestMetrics.jitter = 0;
         if (clapprStats) {
+            clapprStats.clearMetrics();
             this.updateMetrics(clapprStats.exportMetrics());
         }
     }

package/lib/plugins/clappr-nerd-stats/speedtest/Speedtest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Speedtest.d.ts","sourceRoot":"","sources":["../../../../src/plugins/clappr-nerd-stats/speedtest/Speedtest.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,MAAM,GAAG;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAID,KAAK,UAAU,GAAG,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;AAE5C,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IACrC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,cAAc,EAAE,MAAM,CAAA;IACtB,YAAY,EAAE,MAAM,CAAA;IACpB,UAAU,EAAE,CAAC,GAAG,CAAC,CAAA;IACjB,UAAU,EAAE,CAAC,GAAG,CAAC,CAAA;IACjB,YAAY,EAAE,CAAC,GAAG,CAAC,CAAA;IACnB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB,CAAA;AAED,KAAK,aAAa,GAAG,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAA;AAEnD,KAAK,cAAc,GAAG,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;AAIrD,qBAAa,SAAS;IACpB,OAAO,CAAC,MAAM,CAAsB;IAEpC,OAAO,CAAC,SAAS,CAAsB;IAEvC,OAAO,CAAC,mBAAmB,CAAQ;IAEnC,OAAO,CAAC,eAAe,CAAsB;IAE7C,OAAO,CAAC,WAAW,CAAe;IAElC,OAAO,CAAC,SAAS,CAAU;IAE3B,OAAO,CAAC,MAAM,CAAI;IAElB,OAAO,CAAC,OAAO,CAAuB;IAEtC,OAAO,CAAC,SAAS,CAA8B;IAE/C,OAAO,CAAC,cAAc,CAAK;IAE3B,KAAK,EAAE,UAAU,GAAG,IAAI,CAAO;IAE/B,QAAQ,EAAE,aAAa,GAAG,IAAI,CAAO;IAErC,QAAQ;IAIR,YAAY,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO;IAY9C,sBAAsB,CAAC,MAAM,EAAE,MAAM;IAiCrC,YAAY,CAAC,MAAM,EAAE,MAAM;IAY3B,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE;IAM5B,iBAAiB;IAQjB,iBAAiB,CAAC,MAAM,EAAE,MAAM;IAShC,YAAY,CAAC,MAAM,EAAE,cAAc;IA0KnC,KAAK;IAsEL,KAAK;IASL,OAAO,CAAC,UAAU;CAUnB"}
+{"version":3,"file":"Speedtest.d.ts","sourceRoot":"","sources":["../../../../src/plugins/clappr-nerd-stats/speedtest/Speedtest.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,MAAM,GAAG;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAID,KAAK,UAAU,GAAG,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;AAE5C,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IACrC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,cAAc,EAAE,MAAM,CAAA;IACtB,YAAY,EAAE,MAAM,CAAA;IACpB,UAAU,EAAE,CAAC,GAAG,CAAC,CAAA;IACjB,UAAU,EAAE,CAAC,GAAG,CAAC,CAAA;IACjB,YAAY,EAAE,CAAC,GAAG,CAAC,CAAA;IACnB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB,CAAA;AAED,KAAK,aAAa,GAAG,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAA;AAEnD,KAAK,cAAc,GAAG,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;AAIrD,qBAAa,SAAS;IACpB,OAAO,CAAC,MAAM,CAAsB;IAEpC,OAAO,CAAC,SAAS,CAAsB;IAEvC,OAAO,CAAC,mBAAmB,CAAQ;IAEnC,OAAO,CAAC,eAAe,CAAsB;IAE7C,OAAO,CAAC,WAAW,CAAe;IAElC,OAAO,CAAC,SAAS,CAAU;IAE3B,OAAO,CAAC,MAAM,CAAI;IAElB,OAAO,CAAC,OAAO,CAAuB;IAEtC,OAAO,CAAC,SAAS,CAA8B;IAE/C,OAAO,CAAC,cAAc,CAAK;IAE3B,KAAK,EAAE,UAAU,GAAG,IAAI,CAAO;IAE/B,QAAQ,EAAE,aAAa,GAAG,IAAI,CAAO;IAErC,QAAQ;IAIR,YAAY,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO;IAY9C,sBAAsB,CAAC,MAAM,EAAE,MAAM;IAiCrC,YAAY,CAAC,MAAM,EAAE,MAAM;IAa3B,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE;IAM5B,iBAAiB;IAQjB,iBAAiB,CAAC,MAAM,EAAE,MAAM;IAShC,YAAY,CAAC,MAAM,EAAE,cAAc;IA0KnC,KAAK;IAsEL,KAAK;IASL,OAAO,CAAC,UAAU;CAUnB"}

package/lib/plugins/clappr-nerd-stats/speedtest/Speedtest.js

@@ -61,6 +61,7 @@ export class Speedtest {
     }
     addTestPoint(server) {
         this._checkServerDefinition(server);
+        console.log('Speedtest addTestPoint %o', server);
         if (this._state === 0) {
             this._state = 1;
         }

package/lib/plugins/clappr-nerd-stats/speedtest/index.js

@@ -30,7 +30,7 @@ const getColor = (speedValue) => {
     }
 };
 export function drawSpeedTestResults() {
-    const canvas = document.getElementById('speedTestCanvas');
+    const canvas = document.getElementById('nerd-stats-speed-test-canvas');
     if (!canvas) {
         return;
     }

package/lib/plugins/clappr-nerd-stats/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/plugins/clappr-nerd-stats/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAUpD,eAAO,MAAM,kBAAkB,eAAgB,MAAM,KAAG,MAYvD,CAAA;AAED,eAAO,MAAM,cAAc,cAAe,MAAM,KAAG,MAYlD,CAAA;AAED,eAAO,MAAM,mBAAmB,YAAa,MAAM,KAAG,MAerD,CAAA;AAED,eAAO,MAAM,WAAW,kBACP,gBAAgB,gBACjB,WAAW,iBACV,WAAW,SAe3B,CAAA"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/plugins/clappr-nerd-stats/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAUpD,eAAO,MAAM,kBAAkB,eAAgB,MAAM,KAAG,MAiBvD,CAAA;AAED,eAAO,MAAM,cAAc,cAAe,MAAM,KAAG,MAiBlD,CAAA;AAED,eAAO,MAAM,mBAAmB,YAAa,MAAM,KAAG,MAerD,CAAA;AAED,eAAO,MAAM,WAAW,kBACP,gBAAgB,gBACjB,WAAW,iBACV,WAAW,SAe3B,CAAA"}

package/lib/plugins/clappr-nerd-stats/utils.js

@@ -6,38 +6,40 @@ const qualityClasses = [
     'speedtest-quality-value-5',
 ];
 export 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;
 };
 export 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;
 };
 export const generateQualityHtml = (quality) => {
     const html = [];
@@ -54,9 +56,9 @@ export const generateQualityHtml = (quality) => {
 };
 export 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);

package/lib/plugins/clappr-stats/ClapprStats.d.ts

@@ -56,6 +56,7 @@ export declare class ClapprStats extends ContainerPlugin {
      * @returns Measurements collected so far
      */
     exportMetrics(): ClapprStatsMetrics;
+    clearMetrics(): void;
     private onBitrate;
     private stopReporting;
     private startTimers;