fix: allow seeking after a stream has reached the end

README.md

@@ -18,8 +18,6 @@ Does not support native HTML5 MSE controls (`<video controls>`). It works, but e
 
 Does not support re-using the same video element.
 
-Does not support restarting the video after end of stream has been reached.
-
 ## Usage
 
 `npm install @eyevinn/media-event-filter`
@@ -316,6 +314,12 @@ A timeupdate event
 
 Can not trigger before loaded.
 
+### ended
+
+The player has reached the end of a stream.
+
+To allow restarting the stream after the end of stream has been reached set `allowResumeAfterEnded` to `true`.
+
 ## Contributing
 
 Contributions to improve compatibility with or add support for different engines, tracking solutions, and browsers are welcome.

src/media-event-filter.ts

@@ -27,6 +27,7 @@ type TFilteredMediaEventCallback = (event: FilteredMediaEvent) => void;
 type TMediaEventFilterOptions = {
   videoElement: HTMLVideoElement;
   callback: TFilteredMediaEventCallback;
+  allowResumeAfterEnded: boolean;
 };
 
 type TCallback = () => void;
@@ -101,6 +102,7 @@ export type TMediaEventFilter = {
 export const getMediaEventFilter = ({
   videoElement,
   callback,
+  allowResumeAfterEnded = false,
 }: TMediaEventFilterOptions): TMediaEventFilter => {
   let ratechangeBufferTimeout: number | null = null;
 
@@ -114,7 +116,8 @@ export const getMediaEventFilter = ({
     ...initialState,
   };
 
-  const isNotReady = (): boolean => state.loading || state.ended;
+  const isNotReady = (): boolean =>
+    allowResumeAfterEnded ? state.loading : state.loading || state.ended;
 
   const onCanPlayThrough = (): void => {
     if (!state.loading) {