Support storyboards in embed

1 files changed, 11 insertions, 2 deletions

diff --git a/client/src/standalone/videos/shared/video-fetcher.ts b/client/src/standalone/videos/shared/video-fetcher.ts
index 76ba0a3ed..d52730b83 100644
--- a/client/src/standalone/videos/shared/video-fetcher.ts
+++ b/client/src/standalone/videos/shared/video-fetcher.ts
@@ -1,5 +1,5 @@
 import { PeerTubeServerError } from '../../../types'
-import { HttpStatusCode, LiveVideo, VideoDetails, VideoToken } from '../../../../../shared/models'
+import { HttpStatusCode, LiveVideo, Storyboard, VideoDetails, VideoToken } from '../../../../../shared/models'
 import { logger } from '../../../root-helpers'
 import { AuthHTTP } from './auth-http'
 
@@ -36,8 +36,9 @@ export class VideoFetcher {
     }
 
     const captionsPromise = this.loadVideoCaptions({ videoId, videoPassword })
+    const storyboardsPromise = this.loadStoryboards(videoId)
 
-    return { captionsPromise, videoResponse }
+    return { captionsPromise, storyboardsPromise, videoResponse }
   }
 
   loadLive (video: VideoDetails) {
@@ -71,6 +72,14 @@ export class VideoFetcher {
     return window.location.origin + '/api/v1/videos/live/' + videoId
   }
 
+  private loadStoryboards (videoUUID: string): Promise<Response> {
+    return this.http.fetch(this.getStoryboardsUrl(videoUUID), { optionalAuth: true })
+  }
+
+  private getStoryboardsUrl (videoId: string) {
+    return window.location.origin + '/api/v1/videos/' + videoId + '/storyboards'
+  }
+
   private getVideoTokenUrl (id: string) {
     return this.getVideoUrl(id) + '/token'
   }