@byomakase/omakase-player 0.8.2 → 0.8.3

package/dist/timeline/timecode-display.d.ts

@@ -13,11 +13,11 @@
  *       See the License for the specific language governing permissions and
  *       limitations under the License.
  */
-import { BaseComponent, ComponentConfig, ComponentConfigStyleComposed } from "../common/component";
-import Konva from "konva";
-import { HasRectMeasurement, OnMeasurementsChange, Position, RectMeasurement } from "../common/measurement";
-import { StylesProvider } from "../common/styles-provider";
-import { VideoControllerApi } from "../video/video-controller-api";
+import { BaseComponent, ComponentConfig, ComponentConfigStyleComposed } from '../common/component';
+import Konva from 'konva';
+import { HasRectMeasurement, OnMeasurementsChange, Position, RectMeasurement } from '../common/measurement';
+import { StylesProvider } from '../common/styles-provider';
+import { VideoControllerApi } from '../video/video-controller-api';
 export interface TimecodeDisplayStyle {
     x: number;
     y: number;

package/dist/timeline/timeline-lane.d.ts

@@ -13,19 +13,19 @@
  *       See the License for the specific language governing permissions and
  *       limitations under the License.
  */
-import { BaseComponent, Component, ComponentConfig } from "../common/component";
-import Konva from "konva";
-import { Dimension, OnMeasurementsChange, Position, RectMeasurement } from "../common/measurement";
-import { Timeline } from "./timeline";
-import { StylesProvider } from "../common/styles-provider";
-import { VideoController } from "../video/video-controller";
-import { VideoControllerApi } from "../video/video-controller-api";
+import { BaseComponent, Component, ComponentConfig } from '../common/component';
+import Konva from 'konva';
+import { Dimension, OnMeasurementsChange, Position, RectMeasurement } from '../common/measurement';
+import { Timeline } from './timeline';
+import { StylesProvider } from '../common/styles-provider';
+import { VideoController } from '../video/video-controller';
+import { VideoControllerApi } from '../video/video-controller-api';
 export interface TimelineLaneStyle {
     height: number;
     backgroundFill: string;
     backgroundOpacity: number;
     descriptionTextFill: string;
-    descriptionFontSize: number;
+    descriptionTextFontSize: number;
     leftBackgroundFill: string;
     leftBackgroundOpacity: number;
 }

package/dist/timeline/timeline.d.ts

@@ -13,31 +13,36 @@
  *       See the License for the specific language governing permissions and
  *       limitations under the License.
  */
-import { BaseComponent, ComponentConfig, ComponentConfigStyleComposed } from "../common/component";
-import Konva from "konva";
-import { ScrollableHorizontally, Scrollbar } from "./scrollbar";
-import { Dimension, HasRectMeasurement, HorizontalMeasurement, OnMeasurementsChange, Position, RectMeasurement } from "../common/measurement";
-import { Observable, Subject } from "rxjs";
-import { TimelineScrollEvent, TimelineZoomEvent } from "../types";
-import { ThumbnailVttFile } from "../track/thumbnail-vtt-file";
-import { GenericTimelaneLane } from "./timeline-lane";
-import { ScrubberLane } from "./scrubber-lane";
-import { TimelineApi } from "../api/timeline-api";
-import { MarkerLane } from "./marker";
-import { ThumbnailLane } from "./thumbnail";
-import { SubtitlesLane } from "./subtitles";
-import { AudioTrackLane } from "./audio-track";
-import { MarkerLaneConfig } from "./marker/marker-lane";
-import { ThumbnailLaneConfig } from "./thumbnail/thumbnail-lane";
-import { SubtitlesLaneConfig } from "./subtitles/subtitles-lane";
-import { AxiosRequestConfig } from "axios";
-import { VideoControllerApi } from "../video/video-controller-api";
+import { BaseComponent, ComponentConfig, ComponentConfigStyleComposed } from '../common/component';
+import Konva from 'konva';
+import { ScrollableHorizontally, Scrollbar } from './scrollbar';
+import { Dimension, HasRectMeasurement, HorizontalMeasurement, OnMeasurementsChange, Position, RectMeasurement } from '../common/measurement';
+import { Observable, Subject } from 'rxjs';
+import { TimelineScrollEvent, TimelineZoomEvent } from '../types';
+import { ThumbnailVttFile } from '../track/thumbnail-vtt-file';
+import { GenericTimelaneLane } from './timeline-lane';
+import { ScrubberLane } from './scrubber-lane';
+import { TimelineApi } from '../api/timeline-api';
+import { MarkerLane } from './marker';
+import { ThumbnailLane } from './thumbnail';
+import { SubtitlesLane } from './subtitles';
+import { AudioTrackLane } from './audio-track';
+import { MarkerLaneConfig } from './marker/marker-lane';
+import { ThumbnailLaneConfig } from './thumbnail/thumbnail-lane';
+import { SubtitlesLaneConfig } from './subtitles/subtitles-lane';
+import { AxiosRequestConfig } from 'axios';
+import { VideoControllerApi } from '../video/video-controller-api';
 export interface TimelineStyle {
     stageMinWidth: number;
     backgroundFill: string;
     headerBackgroundFill: string;
     footerBackgroundFill: string;
     scrollbarHeight: number;
+    scrollbarBackgroundFill: string;
+    scrollbarBackgroundFillOpacity: number;
+    scrollbarHandleBarFill: string;
+    scrollbarHandleBarOpacity: number;
+    scrollbarHandleOpacity: number;
     thumbnailHoverWidth: number;
     thumbnailHoverStroke: string;
     thumbnailHoverStrokeWidth: number;
@@ -59,6 +64,10 @@ export interface TimelineStyle {
     playheadPlayProgressOpacity: number;
     playheadBufferedFill: string;
     playheadBufferedOpacity: number;
+    playheadHoverVisible: boolean;
+    playheadHoverFill: string;
+    playheadHoverLineWidth: number;
+    playheadHoverSymbolHeight: number;
 }
 export interface TimelineConfig extends ComponentConfig<TimelineStyle> {
     thumbnailVttUrl?: string;
@@ -97,6 +106,7 @@ export declare class Timeline extends BaseComponent<TimelineConfig, TimelineStyl
     private timecodedThumbnailsGroup;
     private timecodedSubtitlesGroup;
     private timecodedAudioGroup;
+    private timecodedChartGroup;
     private timecodedMarkersGroup;
     private timecodedSurfaceGroup;
     private timecodedBackground;
@@ -179,6 +189,7 @@ export declare class Timeline extends BaseComponent<TimelineConfig, TimelineStyl
     private onVideoLoadedEvent;
     private fireVideoEventBreaker;
     setThumbnailVttFile(thumbnailVttFile: ThumbnailVttFile): void;
+    getThumbnailVttFile(): ThumbnailVttFile;
     private syncVideoMetadata;
     addLane(timelaneLane: GenericTimelaneLane): void;
     removeLane(id: string): void;
@@ -201,6 +212,7 @@ export declare class Timeline extends BaseComponent<TimelineConfig, TimelineStyl
     addToTimecodedThumbnailsGroup(node: Konva.Group | Konva.Shape): void;
     addToTimecodedSubtitlesGroup(node: Konva.Group | Konva.Shape): void;
     addToTimecodedAudioGroup(node: Konva.Group | Konva.Shape): void;
+    addToTimecodedChartGroup(node: Konva.Group | Konva.Shape): void;
     constrainTimelinePosition(x: number): number;
     timelinePositionToTime(xOnTimeline: number): number;
     timelinePositionToTimeRelativeToTimecoded(xOnTimeline: number): number;

package/dist/track/audio-vtt-file.d.ts

@@ -13,10 +13,10 @@
  *       See the License for the specific language governing permissions and
  *       limitations under the License.
  */
-import { BaseOmakaseVttFile, VttCueParsed } from "./vtt-file";
-import { AudioVttCue } from "../types";
-import { Observable } from "rxjs";
-import { AxiosRequestConfig } from "axios";
+import { BaseOmakaseVttFile, VttCueParsed } from './vtt-file';
+import { AudioVttCue } from '../types';
+import { Observable } from 'rxjs';
+import { AxiosRequestConfig } from 'axios';
 export declare class AudioVttFile extends BaseOmakaseVttFile<AudioVttCue> {
     protected constructor(url: string, axiosConfig?: AxiosRequestConfig);
     static create(url: string, axiosConfig?: AxiosRequestConfig): Observable<AudioVttFile>;

package/dist/track/subtitles-vtt-file.d.ts

@@ -13,10 +13,10 @@
  *       See the License for the specific language governing permissions and
  *       limitations under the License.
  */
-import { BaseOmakaseVttFile, VttCueParsed } from "./vtt-file";
-import { SubtitlesVttCue } from "../types";
-import { Observable } from "rxjs";
-import { AxiosRequestConfig } from "axios";
+import { BaseOmakaseVttFile, VttCueParsed } from './vtt-file';
+import { SubtitlesVttCue } from '../types';
+import { Observable } from 'rxjs';
+import { AxiosRequestConfig } from 'axios';
 export declare class SubtitlesVttFile extends BaseOmakaseVttFile<SubtitlesVttCue> {
     protected constructor(url: string, axiosConfig?: AxiosRequestConfig);
     static create(url: string, axiosConfig?: AxiosRequestConfig): Observable<SubtitlesVttFile>;

package/dist/track/subtitles-vtt-track.d.ts

@@ -13,8 +13,8 @@
  *       See the License for the specific language governing permissions and
  *       limitations under the License.
  */
-import { BaseOmakaseTrack } from "./track";
-import { SubtitlesVttCue, SubtitlesVttTrackConfig } from "../types";
+import { BaseOmakaseTrack } from './track';
+import { SubtitlesVttCue, SubtitlesVttTrackConfig } from '../types';
 export declare class SubtitlesVttTrack extends BaseOmakaseTrack<SubtitlesVttCue> {
     constructor(config: SubtitlesVttTrackConfig);
 }

package/dist/track/thumbnail-vtt-file.d.ts

@@ -13,10 +13,10 @@
  *       See the License for the specific language governing permissions and
  *       limitations under the License.
  */
-import { BaseOmakaseVttFile, VttCueParsed } from "./vtt-file";
-import { ThumbnailVttCue } from "../types";
-import { Observable } from "rxjs";
-import { AxiosRequestConfig } from "axios";
+import { BaseOmakaseVttFile, VttCueParsed } from './vtt-file';
+import { ThumbnailVttCue } from '../types';
+import { Observable } from 'rxjs';
+import { AxiosRequestConfig } from 'axios';
 export declare class ThumbnailVttFile extends BaseOmakaseVttFile<ThumbnailVttCue> {
     protected constructor(url: string, axiosConfig?: AxiosRequestConfig);
     static create(url: string, axiosConfig?: AxiosRequestConfig): Observable<ThumbnailVttFile>;

package/dist/track/track.d.ts

@@ -13,7 +13,7 @@
  *       See the License for the specific language governing permissions and
  *       limitations under the License.
  */
-import { OmakaseTextTrack, OmakaseTextTrackCue, OmakaseTrackConfig } from "../types";
+import { OmakaseTextTrack, OmakaseTextTrackCue, OmakaseTrackConfig } from '../types';
 export declare abstract class BaseOmakaseTrack<T extends OmakaseTextTrackCue> implements OmakaseTextTrack<T> {
     id: string;
     src: string;

package/dist/track/vtt-file.d.ts

@@ -13,9 +13,9 @@
  *       See the License for the specific language governing permissions and
  *       limitations under the License.
  */
-import { Observable } from "rxjs";
-import { OmakaseVttCue, OmakaseVttFile } from "../types";
-import { AxiosRequestConfig } from "axios";
+import { Observable } from 'rxjs';
+import { OmakaseVttCue, OmakaseVttFile } from '../types';
+import { AxiosRequestConfig } from 'axios';
 export interface VttCueParsed {
     identifier: string;
     start: number;

package/dist/types/chart.d.ts

@@ -0,0 +1,43 @@
+/**
+ *       Copyright 2023 ByOmakase, LLC (https://byomakase.org)
+ *
+ *       Licensed under the Apache License, Version 2.0 (the "License");
+ *       you may not use this file except in compliance with the License.
+ *       You may obtain a copy of the License at
+ *
+ *           http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *       Unless required by applicable law or agreed to in writing, software
+ *       distributed under the License is distributed on an "AS IS" BASIS,
+ *       WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *       See the License for the specific language governing permissions and
+ *       limitations under the License.
+ */
+export interface OmakaseChartCue {
+    id: string;
+    /**
+     * Seconds
+     */
+    startTime: number;
+    /**
+     * Seconds
+     */
+    endTime: number;
+}
+export interface OmakaseChart<T extends OmakaseChartCue> {
+    cues: T[];
+}
+export interface OmakaseChartFile<T extends OmakaseChart<any>> {
+    getCues(): T['cues'];
+    findCue(time: number): T['cues'][0];
+    findCues(startTime: number, endTime: number): T['cues'];
+}
+export interface BarChartCue extends OmakaseChartCue {
+    value: number;
+}
+export interface OgChartCue extends BarChartCue {
+}
+export interface OgChart extends OmakaseChart<OgChartCue> {
+}
+export interface BarChart extends OmakaseChart<BarChartCue> {
+}

package/dist/types/events.d.ts

@@ -13,13 +13,13 @@
  *       See the License for the specific language governing permissions and
  *       limitations under the License.
  */
-import { Position } from "../common/measurement";
-import { MomentObservation, PeriodObservation } from "./model";
-import { Thumbnail } from "../timeline/thumbnail/thumbnail";
-import { Video } from "../video/video";
-import { CamelToSnakeCase } from "./types";
-import { OmakaseTextTrack, OmakaseTextTrackCue } from "./track";
-import { GenericMarker } from "../timeline/marker/marker";
+import { Position } from '../common/measurement';
+import { MomentObservation, PeriodObservation } from './model';
+import { Thumbnail } from '../timeline/thumbnail/thumbnail';
+import { Video } from '../video/video';
+import { CamelToSnakeCase } from './types';
+import { OmakaseTextTrack, OmakaseTextTrackCue } from './track';
+import { GenericMarker } from '../timeline/marker/marker';
 export declare const OmakasePlayerEvents: OmakasePlayerEventsType;
 export type OmakasePlayerEventsType = OmakasePlayerEventsMappingType<OmakasePlayerEventMap>;
 export type OmakasePlayerEventsMappingType<T> = {

package/dist/types/index.d.ts

@@ -13,8 +13,10 @@
  *       See the License for the specific language governing permissions and
  *       limitations under the License.
  */
-export * from "./common";
-export * from "./events";
-export * from "./model";
-export * from "./track";
-export * from "./vtt";
+export * from './common';
+export * from './events';
+export * from './model';
+export * from './track';
+export * from './vtt';
+export * from './chart';
+export * from './types';

package/dist/types/types.d.ts

@@ -13,7 +13,7 @@
  *       See the License for the specific language governing permissions and
  *       limitations under the License.
  */
-export type CamelToSnakeCase<S extends string> = S extends `${infer T}${infer U}` ? `${T extends Capitalize<T> ? "_" : ""}${Lowercase<T>}${CamelToSnakeCase<U>}` : S;
+export type CamelToSnakeCase<S extends string> = S extends `${infer T}${infer U}` ? `${T extends Capitalize<T> ? '_' : ''}${Lowercase<T>}${CamelToSnakeCase<U>}` : S;
 export type PartialRecord<K extends keyof any, T> = Partial<Record<K, T>>;
 export type WithOptionalPartial<T, K extends keyof T> = Omit<T, K> & PartialRecord<K, Partial<T[K]>>;
 export type AtLeastOne<T, U = {

package/dist/types/vtt.d.ts

@@ -13,7 +13,7 @@
  *       See the License for the specific language governing permissions and
  *       limitations under the License.
  */
-import { OmakaseTextTrackCue, OmakaseTrackConfig } from "./track";
+import { OmakaseTextTrackCue, OmakaseTrackConfig } from './track';
 export interface OmakaseVttFile<T extends OmakaseVttCue> {
     getCues(): T[];
     findCue(time: number): T;

package/dist/util/animation-util.d.ts

@@ -13,8 +13,8 @@
  *       See the License for the specific language governing permissions and
  *       limitations under the License.
  */
-import Konva from "konva";
-import { IFrame } from "konva/lib/types";
+import Konva from 'konva';
+import { IFrame } from 'konva/lib/types';
 export interface AnimateConf {
     layer: Konva.Layer;
     duration: number;

package/dist/util/array-util.d.ts

@@ -0,0 +1,3 @@
+export declare class ArrayUtil {
+    static groupConsecutiveNumbers(arr: number[]): number[][];
+}

package/dist/util/color-util.d.ts

@@ -15,4 +15,5 @@
  */
 export declare class ColorUtil {
     static randomHexColor(): string;
+    static inverseFillGradient(gradient: (string | number)[]): (string | number)[];
 }

package/dist/util/destroy-util.d.ts

@@ -1,4 +1,4 @@
-import { Destroyable } from "../types";
+import { Destroyable } from '../types';
 export declare class DestroyUtil {
     static destroy(...destroyables: Destroyable[]): void;
 }

package/dist/util/error-util.d.ts

@@ -13,6 +13,6 @@
  *       See the License for the specific language governing permissions and
  *       limitations under the License.
  */
-import { ParseParams } from "zod/lib/helpers/parseUtil";
+import { ParseParams } from 'zod/lib/helpers/parseUtil';
 export declare function parseErrorMessage(error: string | Error): string;
 export declare function zodErrorMapOverload(message: string): Partial<ParseParams>;

package/dist/util/frame-util.d.ts

@@ -13,7 +13,7 @@
  *       See the License for the specific language governing permissions and
  *       limitations under the License.
  */
-import Decimal from "decimal.js";
+import Decimal from 'decimal.js';
 export declare class FrameUtil {
     /***
      * Returns frame number

package/dist/util/image-util.d.ts

@@ -13,8 +13,8 @@
  *       See the License for the specific language governing permissions and
  *       limitations under the License.
  */
-import Konva from "konva";
-import { Observable } from "rxjs";
+import Konva from 'konva';
+import { Observable } from 'rxjs';
 export declare class ImageUtil {
     static createKonvaImage(url: string): Observable<Konva.Image>;
     static createKonvaImageSizedByWidth(url: string, width: number): Observable<Konva.Image>;

package/dist/util/observable-util.d.ts

@@ -13,7 +13,7 @@
  *       See the License for the specific language governing permissions and
  *       limitations under the License.
  */
-import { Subject } from "rxjs";
+import { Subject } from 'rxjs';
 export declare function nextCompleteVoidSubject(subject: Subject<void>): void;
 export declare function nextCompleteVoidSubjects(...subjects: Subject<void>[]): void;
 export declare function completeSubject(subject: Subject<any>): void;

package/dist/util/shape-util.d.ts

@@ -13,7 +13,7 @@
  *       See the License for the specific language governing permissions and
  *       limitations under the License.
  */
-import Konva from "konva";
+import Konva from 'konva';
 export declare class ShapeUtil {
     static createGoldenRatioWedge(config: {
         x: number;

package/dist/util/timestamp-util.d.ts

@@ -13,10 +13,11 @@
  *       See the License for the specific language governing permissions and
  *       limitations under the License.
  */
-import Decimal from "decimal.js";
+import Decimal from 'decimal.js';
 export declare class TimestampUtil {
-    static readonly VIDEO_ZERO_TIMESTAMP: string;
-    static formatVideoTimestamp(time: number, frameRateDecimal: Decimal): string;
-    static formattedTimestampToFrame(timestamp: string, frameRateDecimal: Decimal): number;
+    static readonly HOUR_MINUTE_SECOND_FRAME_FORMATTED_ZERO: string;
+    static formatHourMinuteSecondFrame(time: number, frameRateDecimal: Decimal): string;
+    static calculateFramesFromHourMinuteSecondFrameFormatted(timestamp: string, frameRateDecimal: Decimal): number;
+    static formatHourMinuteSecondMillisecond(time: number, frameRateDecimal: Decimal): string;
     private static padZero;
 }

package/dist/video/playback-state.d.ts

@@ -13,7 +13,7 @@
  *       See the License for the specific language governing permissions and
  *       limitations under the License.
  */
-import { Subject } from "rxjs";
+import { Subject } from 'rxjs';
 export interface PlaybackState {
     playing: boolean;
     paused: boolean;

package/dist/video/video-controller-api.d.ts

@@ -1,9 +1,9 @@
-import { Observable } from "rxjs";
-import { Video } from "./video";
-import { VideoApi } from "../api/video-api";
-import { PlaybackState } from "./playback-state";
-import { Destroyable, OmakaseTextTrack, OmakaseTextTrackCue, VideoLoadingEvent } from "../types";
-import { BufferedTimespan } from "./video-controller";
+import { Observable } from 'rxjs';
+import { Video } from './video';
+import { VideoApi } from '../api/video-api';
+import { PlaybackState } from './playback-state';
+import { Destroyable, OmakaseTextTrack, OmakaseTextTrackCue, VideoLoadingEvent } from '../types';
+import { BufferedTimespan } from './video-controller';
 export interface VideoControllerApi extends VideoApi, Destroyable {
     onHelpMenuChange$: Observable<void>;
     onPlaybackState$: Observable<PlaybackState>;

package/dist/video/video-controller.d.ts

@@ -13,15 +13,14 @@
  *       See the License for the specific language governing permissions and
  *       limitations under the License.
  */
-import Decimal from "decimal.js";
-import { AudioEvent, VideoBufferingEvent, VideoEndedEvent, VideoErrorEvent, VideoLoadedEvent, VideoLoadingEvent, VideoPlayEvent, VideoSeekedEvent, VideoSeekingEvent, VideoTimeChangeEvent } from "../types/events";
-import { BehaviorSubject, Observable, Subject } from "rxjs";
-import { Video } from "./video";
-import { VideoDomController } from "./video-dom-controller";
-import { PlaybackState, PlaybackStateMachine } from "./playback-state";
-import Hls from "hls.js";
-import { Destroyable, HelpMenuGroup, OmakaseTextTrack, OmakaseTextTrackCue } from "../types";
-import { VideoControllerApi } from "./video-controller-api";
+import Decimal from 'decimal.js';
+import { AudioEvent, Destroyable, HelpMenuGroup, OmakaseTextTrack, OmakaseTextTrackCue, VideoBufferingEvent, VideoEndedEvent, VideoErrorEvent, VideoLoadedEvent, VideoLoadingEvent, VideoPlayEvent, VideoSeekedEvent, VideoSeekingEvent, VideoTimeChangeEvent } from '../types';
+import { BehaviorSubject, Observable, Subject } from 'rxjs';
+import { Video } from './video';
+import { VideoDomController } from './video-dom-controller';
+import { PlaybackState, PlaybackStateMachine } from './playback-state';
+import Hls from 'hls.js';
+import { VideoControllerApi } from './video-controller-api';
 export declare const HTMLVideoElementEventKeys: {
     PAUSE: string;
     WAITING: string;
@@ -42,6 +41,11 @@ interface VideoFrameCallbackData {
     now: DOMHighResTimeStamp;
     metadata: VideoFrameCallbackMetadata;
 }
+export interface VideoControllerConfig {
+    playerHTMLElementId: string;
+    crossorigin: 'anonymous' | 'use-credentials';
+}
+export declare const VIDEO_CONTROLLER_CONFIG_DEFAULT: VideoControllerConfig;
 export declare abstract class VideoController implements VideoControllerApi, Destroyable {
     protected videoDomController: VideoDomController;
     protected helpMenuGroups: HelpMenuGroup[];
@@ -81,7 +85,7 @@ export declare abstract class VideoController implements VideoControllerApi, Des
     readonly onPlaybackState$: Subject<PlaybackState>;
     readonly onHelpMenuChange$: Subject<void>;
     readonly onVideoError$: Subject<VideoErrorEvent>;
-    protected constructor(playerHTMLElementId: string, crossorigin: 'anonymous' | 'use-credentials');
+    protected constructor(config: VideoControllerConfig);
     loadVideo(sourceUrl: string, frameRate: number, duration: number): Observable<Video>;
     protected abstract videoLoad(sourceUrl: string, frameRate: number, duration: number): Observable<Video>;
     get videoElement(): HTMLVideoElement;

package/dist/video/video-dom-controller.d.ts

@@ -14,9 +14,9 @@
  *       limitations under the License.
  *
  */
-import { Observable } from "rxjs";
-import { Destroyable, OmakaseTextTrack, OmakaseTextTrackCue } from "../types";
-import { VideoControllerApi } from "./video-controller-api";
+import { Observable } from 'rxjs';
+import { Destroyable, OmakaseTextTrack, OmakaseTextTrackCue } from '../types';
+import { VideoControllerApi } from './video-controller-api';
 export declare class VideoDomController implements Destroyable {
     private readonly _playerHTMLElementId;
     private _videoElement;

package/dist/video/video-hls-controller.d.ts

@@ -13,13 +13,17 @@
  *       See the License for the specific language governing permissions and
  *       limitations under the License.
  */
-import { VideoController } from "./video-controller";
-import Hls, { MediaPlaylist } from "hls.js";
-import { Observable } from "rxjs";
-import { Video } from "./video";
+import { VideoController, VideoControllerConfig } from './video-controller';
+import Hls, { HlsConfig, MediaPlaylist } from 'hls.js';
+import { Observable } from 'rxjs';
+import { Video } from './video';
+export interface VideoHlsControllerConfig extends VideoControllerConfig {
+    hls: Partial<HlsConfig>;
+}
+export declare const VIDEO_HLS_CONTROLLER_CONFIG_DEFAULT: VideoHlsControllerConfig;
 export declare class VideoHlsController extends VideoController {
     protected hls: Hls;
-    constructor(playerHTMLElementId: string, crossorigin: 'anonymous' | 'use-credentials');
+    constructor(videoHlsControllerConfig: Partial<VideoHlsControllerConfig>);
     videoLoad(sourceUrl: string, frameRate: number, duration: number): Observable<Video>;
     protected initEventHandlers(): void;
     getAudioTracks(): MediaPlaylist[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@byomakase/omakase-player",
-  "version": "0.8.2",
+  "version": "0.8.3",
   "description": "## Omakase Player - Open source JavaScript framework for building frame accurate video experiences",
   "author": "ByOmakase",
   "homepage": "https://player.byomakase.org",
@@ -32,7 +32,7 @@
     "axios": "1.3.3",
     "decimal.js": "10.4.3",
     "eventemitter3": "5.0.0",
-    "hls.js": "1.3.3",
+    "hls.js": "1.4.14",
     "konva": "8.3.14",
     "node-webvtt": "1.9.4",
     "rxjs": "7.8.0",