diff --git a/vocodes/src/App.scss b/vocodes/src/App.scss index a45f25e4b1..01d1bcb071 100644 --- a/vocodes/src/App.scss +++ b/vocodes/src/App.scss @@ -181,6 +181,10 @@ nav { } } +.video-wrapper { + text-align: center; +} + #usage, #updates, #help-wanted, diff --git a/vocodes/src/modes/video/VideoComponent.tsx b/vocodes/src/modes/video/VideoComponent.tsx index 649f76c133..aafd1a7ca5 100644 --- a/vocodes/src/modes/video/VideoComponent.tsx +++ b/vocodes/src/modes/video/VideoComponent.tsx @@ -125,6 +125,7 @@ class VideoComponent extends React.Component { let statusTitle = "Waiting"; let statusClassName = "message is-primary"; + let videoPlayer =
; switch (videoJob.jobStatus) { case VideoJobStatus.Pending: @@ -135,13 +136,23 @@ class VideoComponent extends React.Component { statusTitle = "Now Processing"; statusClassName = "message is-info"; // light blue break; - case VideoJobStatus.Completed: - statusTitle = "Success!"; - statusClassName = "message is-success"; // green - break; case VideoJobStatus.Failed: statusTitle = "Failed :("; statusClassName = "message is-danger"; // red + break; + case VideoJobStatus.Completed: + statusTitle = "Success!"; + statusClassName = "message is-success"; // green + videoPlayer = ( +
+ +
+ ); + break; } @@ -154,6 +165,8 @@ class VideoComponent extends React.Component {

Your results are currently processing and may take awhile. Open this URL in a new tab and keep it open:

+ {videoPlayer} +

{ specified key does not exist.") at first. Refresh it again later. I'm still working on the frontend code that will include a progress bar.

- -

If there are a lot of people using the service, it may take - an hour. I'll need to allocate more GPUs.

);