@gcorevideo/player 2.28.35 → 2.28.36

package/README.md

@@ -1,4 +1,5 @@
 # Gcore video player
+
 $
 
 ## Installation
@@ -15,7 +16,7 @@ Or use a script on the CDN directly in your HTML:
 
 ## Usage
 
-See the complete example app on Vercel: [https://github.com/dmitritz/gcore-videoplayer-js-nuxt](https://github.com/dmitritz/gcore-videoplayer-js-nuxt)
+See the complete example app on Vercel: <https://github.com/dmitritz/gcore-videoplayer-js-nuxt>
 
 ### Plain HTML example
 
@@ -83,3 +84,23 @@ See the complete example app on Vercel: [https://github.com/dmitritz/gcore-video
 ## Documentation
 
 - [API reference](./docs/api/index.md)
+
+## Development
+
+### Log level
+
+Detailed logs can be useful in local development while debugging or watching tests output.
+Log level of the player core and components can be controlled by configuring a LogTracer:
+
+```ts
+import { LogTracer, Logger, setTracer } from '@gcorevideo/utils'
+// ...
+Logger.enable('*') // log everything; you can use glob-like patterns, such as 'gplayer', 'plugins.*' or 'playback.*'
+setTracer(new LogTracer('AudioTracks.test'))
+```
+
+When debugging an app that use the player as a dependency,
+
+```ts
+import { LogTracer, Logger, setTracer } from '@gcorevideo/player'
+```

package/assets/{subtitles → cc}/style.scss

@@ -68,6 +68,11 @@
     position: absolute;
     bottom: calc(var(--bottom-panel) + 5px);
     width: 100%;
+    transition: transform 0.3s ease-out;
+
+    &.media-control-cc-pulled {
+      transform: translateY(var(--bottom-panel));
+    }
 
     p {
       width: auto;

package/dist/core.js

@@ -12807,6 +12807,9 @@ class BasePlayback extends HTML5Video$1 {
         super._onPlaying();
         this.trigger(Events$1.PLAYBACK_MEDIACONTROL_ENABLE);
     }
+    setTextTrack(id) {
+        // noop
+    }
 }
 
 var PlaybackEvents;
@@ -12829,6 +12832,7 @@ const T$3 = 'playback.dash';
 class DashPlayback extends BasePlayback {
     _levels = [];
     _currentLevel = AUTO$1;
+    _currentTextTrackId = -1;
     // true when the actual duration is longer than hlsjs's live sync point
     // when this is false playableRegionDuration will be the actual duration
     // when this is true playableRegionDuration will exclude the time after the sync point
@@ -12961,7 +12965,11 @@ class DashPlayback extends BasePlayback {
                 streaming: {
                     text: {
                         defaultEnabled: false,
-                        dispatchForManualRendering: true,
+                        // NOTE: dispatchForManualRendering is not correctly implemented in DASH.js;
+                        // it does not work when there are multiple text tracks.
+                        // CUE_ENTER and CUE_EXIT events might be dispatched additionally
+                        // for a track, other than the currently active one.
+                        // dispatchForManualRendering: true, // TODO only when useNativeSubtitles is not true?
                     },
                 },
             }, this.options.dash);
@@ -13005,24 +13013,6 @@ class DashPlayback extends BasePlayback {
         this._dash.on(_.events.PLAYBACK_RATE_CHANGED, (e) => {
             this.trigger(PlaybackEvents.PLAYBACK_RATE_CHANGED, e.playbackRate);
         });
-        this._dash.on(_.events.TRACK_CHANGE_RENDERED, (e) => {
-            if (e.mediaType === 'audio') {
-                this.trigger(Events$1.PLAYBACK_AUDIO_CHANGED, toClapprTrack$1(e.newMediaInfo));
-            }
-        });
-        this._dash.on(_.events.CUE_ENTER, (e) => {
-            this.oncueenter?.({
-                end: e.end,
-                id: e.id,
-                start: e.start,
-                text: e.text,
-            });
-        });
-        this._dash.on(_.events.CUE_EXIT, (e) => {
-            this.oncueexit?.({
-                id: e.id,
-            });
-        });
     }
     render() {
         this._ready();
@@ -13332,14 +13322,14 @@ class DashPlayback extends BasePlayback {
         this._dash?.setTextTrack(this.closedCaptionsTrackId);
     }
     setTextTrack(id) {
+        this._currentTextTrackId = id;
         this._dash?.setTextTrack(id);
     }
     /**
      * @override
      */
     get closedCaptionsTracks() {
-        const tt = this.getTextTracks();
-        return tt;
+        return this.getTextTracks();
     }
     getTextTracks() {
         return this._dash?.getTracksFor('text').map((t, index) => ({
@@ -13349,7 +13339,7 @@ class DashPlayback extends BasePlayback {
                 id: index,
                 label: getTextTrackLabel(t) || "",
                 language: t.lang,
-                mode: "hidden",
+                mode: this._currentTextTrackId === index ? "showing" : "hidden",
             },
         })) || [];
     }
@@ -50861,7 +50851,11 @@ class HlsPlayback extends BasePlayback {
         this.trigger(Events$1.PLAYBACK_AUDIO_CHANGED, toClapprTrack(track));
     }
     setTextTrack(id) {
+        if (id === this._hls.subtitleTrack) {
+            return;
+        }
         this._hls.subtitleTrack = id;
+        this.cues = [];
     }
     /**
      * @override
@@ -51481,7 +51475,7 @@ class Player {
     }
 }
 
-var version$1 = "2.28.35";
+var version$1 = "2.28.36";
 
 var packages = {
 	"node_modules/@clappr/core": {