initial test

app.py

@@ -91,22 +91,23 @@ def create_ui(examples_path: str):
         for example in examples_data["examples"]:
             with gr.Row():
                 with gr.Column():
+                    gr.Markdown(f"## {example["title"]}")
                     gr.Video(
                         value=example["original"]["url"],
                         label=f"Original ({format_duration(example['original']['duration_seconds'])})",
                         interactive=False
                     )
-                    gr.Markdown(example["title"])
                 
                 with gr.Column():
+                    with gr.Accordion("Model chain of thought details", open=False):
+                        gr.Markdown(example["analysis"]["video_description"])
+                        gr.Markdown(example["analysis"]["highlight_types"])
                     gr.Video(
                         value=example["highlights"]["url"],
                         label=f"Highlights ({format_duration(example['highlights']['duration_seconds'])})",
                         interactive=False
                     )
-                    with gr.Accordion("Analysis", open=False):
-                        gr.Markdown(example["analysis"]["video_description"])
-                        gr.Markdown(example["analysis"]["highlight_types"])
+
 
         gr.Markdown("## Try It Yourself!")
         with gr.Row():

video_spec.json

@@ -11,8 +11,7 @@
         },
         "highlights": {
           "url": "https://huggingface.co/datasets/mfarre/servedfiles/resolve/main/barcamadridhighlights.mp4",
-          "duration_seconds": 130,
-          "thumbnail_url": "https://huggingface.co/datasets/mfarre/servedfiles/resolve/main/thumbnail_barcamadrid.png" 
+          "duration_seconds": 130
 
         },
         "analysis": {
@@ -22,21 +21,19 @@
       },
       {
         "id": "Example 2",
-        "title": "Football Match Highlights",
-        "description": "Champions League semifinal match",
+        "title": "RedBull Rampage 2024",
+        "description": "The world’s toughest big mountain freeride mountain bike competition continues to progress the sport as the world’s top riders descend upon the rugged terrain of Virgin in Southwest Utah.",
         "original": {
-          "url": "https://huggingface.co/datasets/mfarre/servedfiles/resolve/main/barcamadrid.mp4",
-          "duration_seconds": 6114
+          "url": "https://huggingface.co/datasets/mfarre/servedfiles/resolve/main/rampage2024.mp4",
+          "duration_seconds": 10193
         },
         "highlights": {
-          "url": "https://huggingface.co/datasets/mfarre/servedfiles/resolve/main/barcamadridhighlights.mp4",
-          "duration_seconds": 130,
-          "thumbnail_url": "https://huggingface.co/datasets/mfarre/servedfiles/resolve/main/thumbnail_barcamadrid.png" 
-
+          "url": "https://huggingface.co/datasets/mfarre/servedfiles/resolve/main/rampage2024-highlights.mp4",
+          "duration_seconds": 800
         },
         "analysis": {
-          "video_description": "This is a high-stakes football match between Barcelona and Madrid.",
-          "highlight_types": "- Goals scored\n- Player interactions\n- Vibe at the stadium"
+          "video_description": "Freeride mountain bike competition",
+          "highlight_types": "Stunts: The video features riders performing impressive stunts, such as jumps, tricks, and flips, which are statistically rare and particularly dramatic. These segments should be highlighted to showcase the skill and athleticism of the riders.\nInteraction with the Crowd: The video shows riders interacting with the crowd, which is a unique aspect of the Red Bull Rampage event. This segment should be included to capture the excitement and energy of the crowd and the riders' interactions with them.\nBeing Interviewed: The video features riders being interviewed, which is another unique aspect of the Red Bull Rampage event. This segment should be included to showcase the riders' personalities, motivations, and experiences at the event.\nThe Red Bull Rampage Logo: The Red Bull Rampage logo is prominently displayed throughout the video, indicating the event's branding. This segment should be included to showcase the event's identity and branding."
         }
       },
       {