share=true

app.py

@@ -423,7 +423,7 @@ def create_ui(input_audio_max_duration, share=False, server_name: str = None, se
 
     demo = gr.TabbedInterface([simple_transcribe, full_transcribe], tab_names=["Simple", "Full"])
 
-    demo.launch(share=share, server_name=server_name, server_port=server_port)
+    demo.launch(share=True, server_name=server_name, server_port=server_port)
     
     # Clean up
     ui.close()

client/index.html

@@ -13,5 +13,7 @@
 	type="module"
 	src="https://gradio.s3-us-west-2.amazonaws.com/3.3.1/gradio.js"
 ></script>
+<!-- <gradio-app src="https://rayan-saleh-whisper2notion.hf.space"></gradio-app> -->
+
   </body>
 </html>

client/package-lock.json

@@ -8,7 +8,8 @@
       "version": "0.0.0",
       "dependencies": {
         "react": "^18.2.0",
-        "react-dom": "^18.2.0"
+        "react-dom": "^18.2.0",
+        "react-iframe": "^1.8.5"
       },
       "devDependencies": {
         "@types/react": "^18.0.26",
@@ -1153,6 +1154,14 @@
       "integrity": "sha512-2xfmOrRkGogbTK9R6Leda0DGiXeY3p2NJpy4+gNCffdUvV6mdEJnaDEic1i3Ec2djAo8jWYoJMR5PB0MSMpxUA==",
       "dev": true
     },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/path-parse": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
@@ -1212,6 +1221,17 @@
         "react": "^18.2.0"
       }
     },
+    "node_modules/react-iframe": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npmjs.org/react-iframe/-/react-iframe-1.8.5.tgz",
+      "integrity": "sha512-F4cQJGs3ydaG6fJWfuz9yLwOU0Trzl6kttXuUG+vYwosH8enOOFxZWEDQCSbNVO8ayjfYZeqLxEvdvcsSy4GvA==",
+      "dependencies": {
+        "object-assign": "^4.1.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.x.x"
+      }
+    },
     "node_modules/react-refresh": {
       "version": "0.14.0",
       "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.0.tgz",
@@ -2128,6 +2148,11 @@
       "integrity": "sha512-2xfmOrRkGogbTK9R6Leda0DGiXeY3p2NJpy4+gNCffdUvV6mdEJnaDEic1i3Ec2djAo8jWYoJMR5PB0MSMpxUA==",
       "dev": true
     },
+    "object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg=="
+    },
     "path-parse": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
@@ -2168,6 +2193,14 @@
         "scheduler": "^0.23.0"
       }
     },
+    "react-iframe": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npmjs.org/react-iframe/-/react-iframe-1.8.5.tgz",
+      "integrity": "sha512-F4cQJGs3ydaG6fJWfuz9yLwOU0Trzl6kttXuUG+vYwosH8enOOFxZWEDQCSbNVO8ayjfYZeqLxEvdvcsSy4GvA==",
+      "requires": {
+        "object-assign": "^4.1.1"
+      }
+    },
     "react-refresh": {
       "version": "0.14.0",
       "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.0.tgz",

client/package.json

@@ -10,7 +10,8 @@
   },
   "dependencies": {
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "react-iframe": "^1.8.5"
   },
   "devDependencies": {
     "@types/react": "^18.0.26",
@@ -18,4 +19,4 @@
     "@vitejs/plugin-react": "^3.0.0",
     "vite": "^4.0.0"
   }
-}
+}