Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(FEC-10015): support smart scrubber preview and timeline marker #1

Merged
merged 25 commits into from
Dec 10, 2020

Conversation

yairans
Copy link
Contributor

@yairans yairans commented Nov 16, 2020

  • timeline plugin.
  • TimelineManager class which exposes: addCuePoint, removeCuePoint and setSeekbarPreview.
  • CuePoint component.
  • adBreakCuePoint config

depends on:
kaltura/kaltura-player-js#359
kaltura/playkit-js-ui#546

Solves FEC-10015

@yairans yairans requested a review from a team November 16, 2020 13:59
@yairans yairans closed this Nov 17, 2020
@yairans yairans reopened this Nov 17, 2020
src/timeline.js Show resolved Hide resolved
src/timeline.js Outdated
}

_onAdManifestLoaded(e: any): void {
const adBreaksPosition = e.payload.adBreaksPosition;
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

move to ad plugins

yairans added a commit to kaltura/kaltura-player-js that referenced this pull request Dec 10, 2020
…359)

* Expose the new api's `registerManager`, `getManager` and `hasManager`
* Fix the `KPUIComponent`

Related to kaltura/playkit-js-ui#546, kaltura/playkit-js-timeline#1, kaltura/playkit-js-ima#178

Solves FEC-10015
yairans added a commit to kaltura/playkit-js-ui that referenced this pull request Dec 10, 2020
…546)

#### News:
* New `Managers` class which exposes the `registerManager(name, manager)`, `getManager(name)` and `hasManager(name)`.

#### Changes
* Add `PlayerArea` in the `Seekbar` component allows to push the cue points and to replace the default seekbar preview
* Move the seekbar preview element to `SeekBarPreview` component to be replaceable 
* Don't show the default seekbar preview when cue-point hovering (by new state `cuePointActive`)
* Ignore the seekbar mouse events when the seekbar/cue-point preview hovering (by new state `previewHoverActive`)
* Don't show the time bubble if the seekbar/cue-point preview hide it (by new state `hideTimeBubble`)
* Move the `virtualTime` to the store to be accessible from the `CuePoint`
* Add the seekbar client rect to the store to be accessible from the `CuePoint` for position calculation
* Expose some css variables to reuse in java-script 
* `PlayerArea` passes the replaced component props to the override component (used in seekbar preview overriding)
* `PlayerArea` gets new `shouldUpdate` prop to enforce updating the children (used for cue points which should get the seekbar changes)

Related to kaltura/kaltura-player-js#359, kaltura/playkit-js-timeline#1

Solves FEC-10015
@yairans yairans merged commit f27d921 into main Dec 10, 2020
@yairans yairans deleted the FEC-10015 branch December 10, 2020 22:39
yairans added a commit to kaltura/playkit-js-ima that referenced this pull request Dec 10, 2020
…178)

use the new `addCuePoint` for the ad breaks when configured 
Depends on kaltura/playkit-js-timeline#1
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

Successfully merging this pull request may close these issues.

1 participant