@byomakase/omakase-player 0.0.2 → 0.1.2

package/dist/style.css

@@ -1 +1 @@
-.omakase-player{display:block}.omakase-player .d-none{display:none}.omakase-player .d-block{display:block}.omakase-player .float-start{float:left!important}.omakase-player .float-end{float:right!important}.omakase-player .omakase-player-wrapper{display:block;position:relative;width:700px}.omakase-player .omakase-player-wrapper .omakase-video{display:block;width:100%;opacity:100%}.omakase-player .omakase-player-wrapper .omakase-video-controls .omakase-overlay-buttons .omakase-video-overlay-button{background-repeat:no-repeat;width:128px;height:128px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background-size:contain;background-position:center}.omakase-player .omakase-player-wrapper .omakase-video-controls .omakase-overlay-buttons .omakase-button-play{background-image:url(/images/play.svg)}.omakase-player .omakase-player-wrapper .omakase-video-controls .omakase-overlay-buttons .omakase-button-pause{background-image:url(/images/pause.svg)}.omakase-player .omakase-player-wrapper .omakase-video-controls .omakase-overlay-buttons .omakase-button-replay{background-image:url(/images/replay.svg)}.omakase-player .omakase-player-wrapper .omakase-video-controls .omakase-overlay-buttons .omakase-button-loading{background-image:url(/images/loading.svg);animation:loading 3s linear infinite}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.omakase-player .omakase-player-wrapper .omakase-help{font-family:Arial;font-size:13px;position:absolute;right:20px;top:20px}.omakase-player .omakase-player-wrapper .omakase-help .omakase-help-dropdown{position:absolute;right:0;top:0}.omakase-player .omakase-player-wrapper .omakase-help .omakase-help-dropdown .omakase-help-button{background-color:transparent;background-image:url(/images/help.svg);background-repeat:no-repeat;background-size:contain;background-position:center;border:0;padding:0;width:30px;height:30px;margin:0 0 5px}.omakase-player .omakase-player-wrapper .omakase-help .omakase-help-dropdown .omakase-help-menu{z-index:100;position:absolute;right:0;width:400px}.omakase-player .omakase-player-wrapper .omakase-help .omakase-help-dropdown .omakase-help-menu .omakase-help-group-title{background:rgb(2,171,141);display:block;padding:5px 10px;color:#fff;font-weight:700;text-align:left}.omakase-player .omakase-player-wrapper .omakase-help .omakase-help-dropdown .omakase-help-menu .omakase-help-group{overflow-y:scroll;display:block;height:200px;background:rgba(2,171,141,.2)}.omakase-player .omakase-player-wrapper .omakase-help .omakase-help-dropdown .omakase-help-menu .omakase-help-group .omakase-help-item{display:list-item;padding:5px 10px;color:#fff}.omakase-player .omakase-player-wrapper .omakase-help .omakase-help-dropdown .omakase-help-menu .omakase-help-group .omakase-help-item:hover{background-color:#a93232}
+.omakase-player{display:block}.omakase-player .d-none{display:none}.omakase-player .d-block{display:block}.omakase-player .float-start{float:left!important}.omakase-player .float-end{float:right!important}.omakase-player .omakase-player-wrapper{display:block;position:relative;width:700px}.omakase-player .omakase-player-wrapper .omakase-video{display:block;width:100%;opacity:100%}.omakase-player .omakase-player-wrapper .omakase-video-controls .omakase-overlay-buttons .omakase-video-overlay-button{background-repeat:no-repeat;width:128px;height:128px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background-size:contain;background-position:center}.omakase-player .omakase-player-wrapper .omakase-video-controls .omakase-overlay-buttons .omakase-button-play{background-image:url(/images/play.svg)}.omakase-player .omakase-player-wrapper .omakase-video-controls .omakase-overlay-buttons .omakase-button-pause{background-image:url(/images/pause.svg)}.omakase-player .omakase-player-wrapper .omakase-video-controls .omakase-overlay-buttons .omakase-button-replay{background-image:url(/images/replay.svg)}.omakase-player .omakase-player-wrapper .omakase-video-controls .omakase-overlay-buttons .omakase-button-loading{background-image:url(/images/loading.svg);animation:loading 3s linear infinite}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.omakase-player .omakase-player-wrapper .omakase-video-controls .omakase-overlay-buttons .omakase-button-error{background-image:url(/images/error.svg)}.omakase-player .omakase-player-wrapper .omakase-help{font-family:Arial;font-size:13px;position:absolute;right:20px;top:20px}.omakase-player .omakase-player-wrapper .omakase-help .omakase-help-dropdown{position:absolute;right:0;top:0}.omakase-player .omakase-player-wrapper .omakase-help .omakase-help-dropdown .omakase-help-button{background-color:transparent;background-image:url(/images/help.svg);background-repeat:no-repeat;background-size:contain;background-position:center;border:0;padding:0;width:30px;height:30px;margin:0 0 5px}.omakase-player .omakase-player-wrapper .omakase-help .omakase-help-dropdown .omakase-help-menu{z-index:100;position:absolute;right:0;width:400px}.omakase-player .omakase-player-wrapper .omakase-help .omakase-help-dropdown .omakase-help-menu .omakase-help-group-title{background:rgb(2,171,141);display:block;padding:5px 10px;color:#fff;font-weight:700;text-align:left}.omakase-player .omakase-player-wrapper .omakase-help .omakase-help-dropdown .omakase-help-menu .omakase-help-group{overflow-y:scroll;display:block;height:200px;background:rgba(2,171,141,.2)}.omakase-player .omakase-player-wrapper .omakase-help .omakase-help-dropdown .omakase-help-menu .omakase-help-group .omakase-help-item{display:list-item;padding:5px 10px;color:#fff}.omakase-player .omakase-player-wrapper .omakase-help .omakase-help-dropdown .omakase-help-menu .omakase-help-group .omakase-help-item:hover{background-color:#a93232}

package/dist/types/events.d.ts

@@ -83,6 +83,11 @@ export interface VideoBufferingEvent extends VideoEvent {
 }
 export interface VideoEndedEvent extends VideoEvent {
 }
+export type VideoErrorType = 'VIDEO_LOAD_ERROR' | 'VIDEO_ERROR';
+export interface VideoErrorEvent extends VideoEvent {
+    type: VideoErrorType;
+    message?: string;
+}
 export interface AudioEvent extends OmakaseEvent {
     audioTrack: any;
 }

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

@@ -0,0 +1,3 @@
+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/video/video-controller.d.ts

@@ -1,5 +1,5 @@
 import Decimal from "decimal.js";
-import { AudioEvent, VideoBufferingEvent, VideoEndedEvent, VideoLoadedEvent, VideoLoadingEvent, VideoPlayEvent, VideoSeekedEvent, VideoSeekingEvent, VideoTimeChangeEvent } from "../types/events";
+import { AudioEvent, VideoBufferingEvent, VideoEndedEvent, VideoErrorEvent, VideoLoadedEvent, VideoLoadingEvent, VideoPlayEvent, VideoSeekedEvent, VideoSeekingEvent, VideoTimeChangeEvent } from "../types/events";
 import { BehaviorSubject, Observable, Subject } from "rxjs";
 import { BrowserProvider } from "../common/browser-provider";
 import { VideoApi } from "../api/video-api";
@@ -39,7 +39,6 @@ export declare abstract class VideoController implements VideoApi {
     protected _isVideoLoaded: boolean;
     protected playbackStateMachine: PlaybackStateMachine;
     protected frameRateDecimal: Decimal;
-    protected userSetDuration: number;
     protected frameDurationSpillOverCorrection: number;
     protected syncStepCurrentTimeMediaTime: number;
     protected syncLoopMaxIterations: number;
@@ -70,6 +69,7 @@ export declare abstract class VideoController implements VideoApi {
     readonly onAudioSwitched$: Subject<AudioEvent>;
     readonly onPlaybackState$: Subject<PlaybackState>;
     readonly onHelpMenuChange$: Subject<void>;
+    readonly onVideoError$: Subject<VideoErrorEvent>;
     protected constructor(domController: DomController, crossorigin: HTMLVideoElementCrossorigin);
     loadVideo(sourceUrl: string, frameRate: number, duration: number): Observable<Video>;
     protected abstract videoLoad(sourceUrl: string, frameRate: number, duration: number): Observable<Video>;
@@ -122,8 +122,8 @@ export declare abstract class VideoController implements VideoApi {
     seekFromCurrentFrame(framesCount: number): Observable<boolean>;
     seekPreviousFrame(): Observable<boolean>;
     seekNextFrame(): Observable<boolean>;
-    seekToTimestamp(currentTime: number): Observable<boolean>;
-    formatTimestamp(currentTime: number): string;
+    seekToTimestamp(time: number): Observable<boolean>;
+    formatTimestamp(time: number): string;
     mute(): void;
     unmute(): void;
     isFullscreen(): boolean;

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@byomakase/omakase-player",
-  "version": "0.0.2",
+  "version": "0.1.2",
   "description": "## Omakase Player - Open source JavaScript framework for building frame accurate video experiences",
   "author": "ByOmakase",
-  "homepage": "https://byomakase.org",
+  "homepage": "https://player.byomakase.org",
   "copyright": "Copyright 2023 ByOmakase, LLC <https://byomakase.org/>",
   "license": "Apache-2.0",
   "keywords": [
@@ -18,6 +18,7 @@
   ],
   "main": "./dist/omakase-player.cjs.js",
   "module": "./dist/omakase-player.es.js",
+  "types": "./dist/index.d.ts",
   "style": "./dist/style.css",
   "scripts": {
     "dev": "vite",
@@ -25,7 +26,7 @@
     "prod": "tsc --noEmit && vite build --debug",
     "check": "tsc --noEmit",
     "dev:tsc": "rm -rf dist/lib && tsc --watch",
-    "build:tsc": "rm -rf dist/lib && tsc"
+    "build:tsc": "rm -rf dist && tsc && vite build"
   },
   "dependencies": {
     "axios": "1.3.3",
@@ -53,4 +54,4 @@
   "bugs": {
     "url": "https://github.com/byomakase/omakase-player/issues"
   }
-}
+}

package/style/omakase-player.scss

@@ -71,6 +71,10 @@
           }
         }
 
+        .omakase-button-error {
+          background-image: url(/images/error.svg);
+        }
+
       }
     }