@gcorevideo/player 2.22.31 → 2.23.0

package/src/plugins/clips/Clips.ts

@@ -2,7 +2,7 @@ import { Container, Events, UICorePlugin, $, template } from '@clappr/core'
 import { trace } from '@gcorevideo/utils'
 import assert from 'assert'
 
-import { TimeProgress } from '../../playback.types.js'
+import { TimeProgress, TimeValue } from '../../playback.types.js'
 import type { ZeptoResult } from '../../types.js'
 import '../../../assets/clips/clips.scss'
 import { ClipDesc } from './types.js'
@@ -117,6 +117,15 @@ export class Clips extends UICorePlugin {
     return super.enable()
   }
 
+  /**
+   * Get the text of the clip at the given time
+   * @param time - The time to get the text for
+   * @returns The text of the clip at the given time
+   */
+  getText(time: TimeValue): string | undefined {
+    return this.clips.find((clip) => clip.start <= time && clip.end >= time)?.text
+  }
+
   private onCoreReady() {
     trace(`${T} onCoreReady`)
     const mediaControl = this.core.getPlugin('media_control')

package/src/plugins/media-control/MediaControl.ts

@@ -279,8 +279,8 @@ export class MediaControl extends UICorePlugin {
   }
 
   /**
+   * Use in mediacontrol-based plugins to access the active container
    * @internal
-   * @deprecated Use core.activeContainer directly
    */
   get container() {
     return this.core.activeContainer
@@ -645,18 +645,17 @@ export class MediaControl extends UICorePlugin {
   }
 
   private mousemoveOnSeekBar(event: MouseEvent) {
+    const offset = MediaControl.getPageX(event) -
+      (this.$seekBarContainer.offset().left ?? 0) // TODO check if the result can be negative
+    const hoverOffset =
+      offset -
+      (this.$seekBarHover.width() ?? 0) / 2
+    const pos = offset ? Math.min(1, Math.max(offset / this.$seekBarContainer.width(), 0)) : 0
     if (this.settings.seekEnabled) {
-      // assert.ok(this.$seekBarHover && this.$seekBarContainer, 'seek bar elements must be present');
-      if (this.$seekBarHover && this.$seekBarContainer) {
-        const offsetX =
-          MediaControl.getPageX(event) -
-          this.$seekBarContainer.offset().left -
-          this.$seekBarHover.width() / 2
-
-        this.$seekBarHover.css({ left: offsetX })
-      }
+      // TODO test that it works when the element does not exist
+      this.$seekBarHover.css({ left: hoverOffset })
     }
-    this.trigger(Events.MEDIACONTROL_MOUSEMOVE_SEEKBAR, event)
+    this.trigger(Events.MEDIACONTROL_MOUSEMOVE_SEEKBAR, event, pos)
   }
 
   private mouseleaveOnSeekBar(event: MouseEvent) {
@@ -1194,19 +1193,9 @@ export class MediaControl extends UICorePlugin {
       } else {
         panel.append(element)
       }
-      return
     }
   }
 
-  /**
-   * @deprecated  Use {@link MediaControl.mount} instead
-   * @param name
-   * @param element
-   */
-  putElement(name: MediaControlElement, element: ZeptoResult) {
-    this.mount(name, element)
-  }
-
   /**
    * Toggle the visibility of a media control element
    * @param name - The name of the media control element