changed final gif to video

app.py

@@ -62,7 +62,7 @@ DESCRIPTION += '\n<p>Note: it takes about 5 minutes for 500 iterations to genera
 
 if (SPACE_ID := os.getenv('SPACE_ID')) is not None:
     DESCRIPTION = DESCRIPTION.replace("</p>", " ")
-    DESCRIPTION += f'or duplicate the space and upgrade to GPU in settings. <a href="https://huggingface.co/spaces/{SPACE_ID}?duplicate=true"><img style="display: inline; margin-top: 0em; margin-bottom: 0em" src="https://bit.ly/3gLdBN6" alt="Duplicate Space" /></a></p>'
+    DESCRIPTION += f'or <a href="https://huggingface.co/spaces/{SPACE_ID}?duplicate=true"><img style="display: inline; margin-top: 0em; margin-bottom: 0em" src="https://bit.ly/3gLdBN6" alt="Duplicate the Space"/></a> and upgrade to GPU in settings.</p>'
 else:
     DESCRIPTION = DESCRIPTION.replace("either", "")
 
@@ -174,7 +174,7 @@ def run_main_app(semantic_concept, word, prompt_suffix, font_name, num_steps, se
     preprocess(cfg.font, cfg.word, cfg.optimized_letter, cfg.level_of_cc)
     filename_init = os.path.join("code/data/init/", f"{cfg.font}_{cfg.word}_scaled.svg").replace(" ", "_")
     if not example:
-        yield gr.update(value=filename_init,visible=True),gr.update(visible=True, label=f'iters: 0 / {cfg.num_iter}'),gr.update(visible=False)
+        yield gr.update(value=filename_init,visible=True),gr.update(visible=True, label='Initializing'),gr.update(visible=False)
 
     sds_loss = SDSLoss(cfg, device, model)
 
@@ -263,8 +263,11 @@ def run_main_app(semantic_concept, word, prompt_suffix, font_name, num_steps, se
 
     # combine_word(cfg.word, cfg.optimized_letter, cfg.font, cfg.experiment_dir, device)
 
-    filename = os.path.join(cfg.experiment_dir, "final.gif")
-    imageio.mimsave(filename, np.array(gif_frames).astype(np.uint8))
+    filename = os.path.join(cfg.experiment_dir, "final.mp4")
+    writer = imageio.get_writer(filename, fps=20)
+    for frame in gif_frames: writer.append_data(frame)
+    writer.close()
+    # imageio.mimsave(filename, np.array(gif_frames).astype(np.uint8))
 
     yield gr.update(value=filename_init,visible=True),gr.update(visible=False),gr.update(value=filename,visible=True)
  
@@ -362,14 +365,14 @@ with gr.Blocks() as demo:
         with gr.Column():
             result0 = gr.Image(type="filepath", label="Initial Word").style(height=250)
             result1 = gr.Image(type="filepath", label="Optimization Process").style(height=300)
-            result2 = gr.Image(type="filepath", label="Final Result",visible=False).style(height=300)
+            result2 = gr.Video(type="filepath", label="Final Result",visible=False).style(height=300)
             
         
     with gr.Row():
         # examples
         examples = [
             ["قطة", "Cat", 250, 42],
-            ["جمل جميل", "Horse", 250, 42],
+            ["جمل جميل", "Camel", 250, 42],
             ["كلب", "Dog", 250, 42],
             ["أخطبوط", "Octopus", 250, 42],
         ]