tweaks

elevenlabs · May 8, 2024 · c16d451 · c16d451
1 parent 28f64e9
commit c16d451
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 8 deletions.
diff --git a/examples/dubbing/e2e-example/backend/app.py b/examples/dubbing/e2e-example/backend/app.py
@@ -156,7 +156,7 @@ def project_detail(id: str):
         project.target_languages = new_meta["target_languages"]
 
         if project.status == "failed":
-            raise Exception("Dubbing failed")
+            return make_response(jsonify(project))
 
         for target_lang in project.target_languages:
             download_dub(project.id, project.dubbing_id, target_lang)

diff --git a/examples/dubbing/e2e-example/frontend/src/pages/create.tsx b/examples/dubbing/e2e-example/frontend/src/pages/create.tsx
@@ -172,8 +172,14 @@ export const Create = () => {
               )}
             />
             <div className="flex mt-8">
-              <Button type="submit" size={"lg"} disabled={mutation.isLoading}>
-                Submit
+              <Button
+                type="submit"
+                size={"lg"}
+                disabled={
+                  mutation.isLoading || !file || !form.watch("targetLang")
+                }
+              >
+                {mutation.isLoading ? "Loading..." : "Submit"}
               </Button>
             </div>
           </div>

diff --git a/examples/dubbing/e2e-example/frontend/src/pages/stream.tsx b/examples/dubbing/e2e-example/frontend/src/pages/stream.tsx
@@ -17,7 +17,7 @@ export const Stream = () => {
   const { data } = useQuery({
     queryKey: ["projects", params.id],
     queryFn: () => getProject(params.id!),
-    refetchInterval: shouldRefetch ? 15000 : false, // refetch every 15 seconds
+    refetchInterval: shouldRefetch ? 2000 : false, // refetch every 15 seconds
   });
 
   useEffect(() => {
@@ -35,9 +35,12 @@ export const Stream = () => {
     <Layout>
       {data && data.status === "dubbing" && (
         <div>
-          <p className="text-center">
-            Video still processing. Please refresh in a few seconds.
-          </p>
+          <p className="text-center">Video still processing. Please wait.</p>
+        </div>
+      )}
+      {data && data.status === "failed" && (
+        <div>
+          <p className="text-center">Video dubbing failed</p>
         </div>
       )}
       {data && data.status === "dubbed" && (
@@ -52,7 +55,7 @@ export const Stream = () => {
               url={getStreamUrl(data.id, selectedDub)}
               controls
               width={"100%"}
-              height={"100%"}
+              height={"400px"}
               onProgress={progress => {
                 setPlayedSeconds(progress.playedSeconds);
               }}