Spaces:
Sleeping
Sleeping
Update app.py
Browse files
app.py
CHANGED
@@ -47,8 +47,7 @@ def youtube_search(query, max_results=50):
|
|
47 |
video_info = {
|
48 |
'thumbnail_url': result["snippet"]["thumbnails"]["high"]["url"],
|
49 |
'video_id': result["id"]["videoId"],
|
50 |
-
'title': result["snippet"]["title"]
|
51 |
-
'description': result["snippet"]["description"]
|
52 |
}
|
53 |
all_results.append(video_info)
|
54 |
|
@@ -94,33 +93,20 @@ def show_video(video_url):
|
|
94 |
# Create the Gradio interface
|
95 |
with gr.Blocks(css="""
|
96 |
#search_output img {
|
97 |
-
width:
|
98 |
-
height:
|
99 |
margin-right: 20px;
|
100 |
}
|
101 |
-
#search_output .label {
|
102 |
-
font-size: 36px !important;
|
103 |
-
}
|
104 |
#search_output .gallery-item {
|
105 |
display: flex !important;
|
106 |
-
align-items:
|
107 |
-
margin-bottom:
|
108 |
}
|
109 |
#search_output .gallery-caption {
|
110 |
text-align: left !important;
|
111 |
padding-left: 20px;
|
112 |
-
|
113 |
-
|
114 |
-
display: flex;
|
115 |
-
flex-direction: column;
|
116 |
-
}
|
117 |
-
#search_output .gallery-item h3 {
|
118 |
-
font-size: 36px;
|
119 |
-
margin: 0 0 10px 0;
|
120 |
-
}
|
121 |
-
#search_output .gallery-item p {
|
122 |
-
font-size: 24px;
|
123 |
-
margin: 0;
|
124 |
}
|
125 |
""") as demo:
|
126 |
gr.Markdown("## YouTube Video Search, Selection, and Playback")
|
@@ -144,9 +130,8 @@ with gr.Blocks(css="""
|
|
144 |
video_ids = []
|
145 |
for item in search_results:
|
146 |
image_url = item['thumbnail_url']
|
147 |
-
title = item['title']
|
148 |
-
|
149 |
-
caption = f"<div><h3>{title}</h3><p>{description}</p></div>"
|
150 |
gallery_items.append((image_url, caption))
|
151 |
video_ids.append(item['video_id'])
|
152 |
return gallery_items, video_ids
|
|
|
47 |
video_info = {
|
48 |
'thumbnail_url': result["snippet"]["thumbnails"]["high"]["url"],
|
49 |
'video_id': result["id"]["videoId"],
|
50 |
+
'title': result["snippet"]["title"]
|
|
|
51 |
}
|
52 |
all_results.append(video_info)
|
53 |
|
|
|
93 |
# Create the Gradio interface
|
94 |
with gr.Blocks(css="""
|
95 |
#search_output img {
|
96 |
+
width: 170px !important;
|
97 |
+
height: 170px !important;
|
98 |
margin-right: 20px;
|
99 |
}
|
|
|
|
|
|
|
100 |
#search_output .gallery-item {
|
101 |
display: flex !important;
|
102 |
+
align-items: center !important;
|
103 |
+
margin-bottom: 30px !important;
|
104 |
}
|
105 |
#search_output .gallery-caption {
|
106 |
text-align: left !important;
|
107 |
padding-left: 20px;
|
108 |
+
font-size: 100px !important;
|
109 |
+
font-weight: bold !important;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
110 |
}
|
111 |
""") as demo:
|
112 |
gr.Markdown("## YouTube Video Search, Selection, and Playback")
|
|
|
130 |
video_ids = []
|
131 |
for item in search_results:
|
132 |
image_url = item['thumbnail_url']
|
133 |
+
title = item['title'] # Only show the title
|
134 |
+
caption = f"<div><h3>{title}</h3></div>" # Use only the title
|
|
|
135 |
gallery_items.append((image_url, caption))
|
136 |
video_ids.append(item['video_id'])
|
137 |
return gallery_items, video_ids
|