Skip to content

Commit 8649eee

Browse files
abus-aikoreaabus-aikorea
committed
YouTube Showcase
1 parent bfa8eef commit 8649eee

9 files changed

Lines changed: 216 additions & 445 deletions

File tree

‎README.md‎

Lines changed: 24 additions & 48 deletions
Original file line numberDiff line numberDiff line change
@@ -131,86 +131,62 @@ A robust alternative to **ElevenLabs**, Voice-Pro empowers podcasters, developer
131131

132132
<table style="border-collapse: collapse; width: 100%;">
133133
<tr>
134-
<td style="padding: 15px; border: none;" align="center">
134+
<td style="padding: 10px; border: none;" align="center">
135135
<a href="https://youtu.be/scC5CicZ6G0" style="text-decoration: none; color: inherit;">
136-
<div style="position: relative; display: inline-block;">
137-
<img src="https://img.youtube.com/vi/scC5CicZ6G0/hqdefault.jpg" alt="Demo Video 1" width="200" style="border-radius: 8px;">
138-
<img src="https://cdn-icons-png.flaticon.com/512/0/375.png" alt="Play" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 30px; opacity: 0.7;">
139-
</div>
136+
<img src="https://img.youtube.com/vi/scC5CicZ6G0/hqdefault.jpg" alt="Demo Video 1" width="240" height="135" style="border-radius: 4px;">
140137
<br>
141-
<span style="font-size: 14px; font-weight: bold; color: #333;">Demo for Voice-Pro (v2.0)</span>
138+
<span style="font-size: 16px; font-weight: 600; color: #0f0f0f; line-height: 1.2;">Demo for Voice-Pro (v2.0)</span>
142139
</a>
143140
</td>
144-
<td style="padding: 15px; border: none;" align="center">
141+
<td style="padding: 10px; border: none;" align="center">
145142
<a href="https://youtu.be/Wfo7vQCD4no" style="text-decoration: none; color: inherit;">
146-
<div style="position: relative; display: inline-block;">
147-
<img src="https://img.youtube.com/vi/Wfo7vQCD4no/hqdefault.jpg" alt="Demo Video 2" width="200" style="border-radius: 8px;">
148-
<img src="https://cdn-icons-png.flaticon.com/512/0/375.png" alt="Play" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 30px; opacity: 0.7;">
149-
</div>
143+
<img src="https://img.youtube.com/vi/Wfo7vQCD4no/hqdefault.jpg" alt="Demo Video 2" width="240" height="135" style="border-radius: 4px;">
150144
<br>
151-
<span style="font-size: 14px; font-weight: bold; color: #333;">F5-TTS: Voice Cloning</span>
145+
<span style="font-size: 16px; font-weight: 600; color: #0f0f0f; line-height: 1.2;">F5-TTS: Voice Cloning</span>
152146
</a>
153147
</td>
154-
<td style="padding: 15px; border: none;" align="center">
148+
<td style="padding: 10px; border: none;" align="center">
155149
<a href="https://youtu.be/GOzCDj4MCpo" style="text-decoration: none; color: inherit;">
156-
<div style="position: relative; display: inline-block;">
157-
<img src="https://img.youtube.com/vi/GOzCDj4MCpo/hqdefault.jpg" alt="Demo Video 3" width="200" style="border-radius: 8px;">
158-
<img src="https://cdn-icons-png.flaticon.com/512/0/375.png" alt="Play" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 30px; opacity: 0.7;">
159-
</div>
150+
<img src="https://img.youtube.com/vi/GOzCDj4MCpo/hqdefault.jpg" alt="Demo Video 3" width="240" height="135" style="border-radius: 4px;">
160151
<br>
161-
<span style="font-size: 14px; font-weight: bold; color: #333;">Live Transcription & Translation</span>
152+
<span style="font-size: 16px; font-weight: 600; color: #0f0f0f; line-height: 1.2;">Live Transcription & Translation</span>
162153
</a>
163154
</td>
164-
<td style="padding: 15px; border: none;" align="center">
155+
<td style="padding: 10px; border: none;" align="center">
165156
<a href="https://youtu.be/YdAq80wjtuQ" style="text-decoration: none; color: inherit;">
166-
<div style="position: relative; display: inline-block;">
167-
<img src="https://img.youtube.com/vi/YdAq80wjtuQ/hqdefault.jpg" alt="Demo Video 4" width="200" style="border-radius: 8px;">
168-
<img src="https://cdn-icons-png.flaticon.com/512/0/375.png" alt="Play" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 30px; opacity: 0.7;">
169-
</div>
157+
<img src="https://img.youtube.com/vi/YdAq80wjtuQ/hqdefault.jpg" alt="Demo Video 4" width="240" height="135" style="border-radius: 4px;">
170158
<br>
171-
<span style="font-size: 14px; font-weight: bold; color: #333;">Multi-Lingual Voice Cloning: Korean - German</span>
159+
<span style="font-size: 16px; font-weight: 600; color: #0f0f0f; line-height: 1.2;">Multi-Lingual Voice Cloning: Korean - German</span>
172160
</a>
173161
</td>
174162
</tr>
175163
<tr>
176-
<td style="padding: 15px; border: none;" align="center">
164+
<td style="padding: 10px; border: none;" align="center">
177165
<a href="https://youtu.be/Tu2okoHY174" style="text-decoration: none; color: inherit;">
178-
<div style="position: relative; display: inline-block;">
179-
<img src="https://img.youtube.com/vi/Tu2okoHY174/hqdefault.jpg" alt="Demo Video 5" width="200" style="border-radius: 8px;">
180-
<img src="https://cdn-icons-png.flaticon.com/512/0/375.png" alt="Play" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 30px; opacity: 0.7;">
181-
</div>
166+
<img src="https://img.youtube.com/vi/Tu2okoHY174/hqdefault.jpg" alt="Demo Video 5" width="240" height="135" style="border-radius: 4px;">
182167
<br>
183-
<span style="font-size: 14px; font-weight: bold; color: #333;">Multi-Lingual Voice Cloning: English - Korean</span>
168+
<span style="font-size: 16px; font-weight: 600; color: #0f0f0f; line-height: 1.2;">Multi-Lingual Voice Cloning: English - Korean</span>
184169
</a>
185170
</td>
186-
<td style="padding: 15px; border: none;" align="center">
171+
<td style="padding: 10px; border: none;" align="center">
187172
<a href="https://youtu.be/dWCEwO56_7Y" style="text-decoration: none; color: inherit;">
188-
<div style="position: relative; display: inline-block;">
189-
<img src="https://img.youtube.com/vi/dWCEwO56_7Y/hqdefault.jpg" alt="Demo Video 6" width="200" style="border-radius: 8px;">
190-
<img src="https://cdn-icons-png.flaticon.com/512/0/375.png" alt="Play" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 30px; opacity: 0.7;">
191-
</div>
173+
<img src="https://img.youtube.com/vi/dWCEwO56_7Y/hqdefault.jpg" alt="Demo Video 6" width="240" height="135" style="border-radius: 4px;">
192174
<br>
193-
<span style="font-size: 14px; font-weight: bold; color: #333;">Multi-Lingual Voice Cloning: Korean - Japanese</span>
175+
<span style="font-size: 16px; font-weight: 600; color: #0f0f0f; line-height: 1.2;">Multi-Lingual Voice Cloning: Korean - Japanese</span>
194176
</a>
195177
</td>
196-
<td style="padding: 15px; border: none;" align="center">
178+
<td style="padding: 10px; border: none;" align="center">
197179
<a href="https://youtu.be/HXomwoKS3V4" style="text-decoration: none; color: inherit;">
198-
<div style="position: relative; display: inline-block;">
199-
<img src="https://img.youtube.com/vi/HXomwoKS3V4/hqdefault.jpg" alt="Demo Video 7" width="200" style="border-radius: 8px;">
200-
<img src="https://cdn-icons-png.flaticon.com/512/0/375.png" alt="Play" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 30px; opacity: 0.7;">
201-
</div>
180+
<img src="https://img.youtube.com/vi/HXomwoKS3V4/hqdefault.jpg" alt="Demo Video 7" width="240" height="135" style="border-radius: 4px;">
202181
<br>
203-
<span style="font-size: 14px; font-weight: bold; color: #333;">NVIDIA RTX Video Super-Resolution</span>
182+
<span style="font-size: 16px; font-weight: 600; color: #0f0f0f; line-height: 1.2;">NVIDIA RTX Video Super-Resolution</span>
204183
</a>
205184
</td>
206-
<td style="padding: 15px; border: none;" align="center">
185+
<td style="padding: 10px; border: none;" align="center">
207186
<a href="https://youtu.be/lZK7pLJBHb4" style="text-decoration: none; color: inherit;">
208-
<div style="position: relative; display: inline-block;">
209-
<img src="https://img.youtube.com/vi/lZK7pLJBHb4/hqdefault.jpg" alt="Demo Video 8" width="200" style="border-radius: 8px;">
210-
<img src="https://cdn-icons-png.flaticon.com/512/0/375.png" alt="Play" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 30px; opacity: 0.7;">
211-
</div>
187+
<img src="https://img.youtube.com/vi/lZK7pLJBHb4/hqdefault.jpg" alt="Demo Video 8" width="240" height="135" style="border-radius: 4px;">
212188
<br>
213-
<span style="font-size: 14px; font-weight: bold; color: #333;">AI Karaoke</span>
189+
<span style="font-size: 16px; font-weight: 600; color: #0f0f0f; line-height: 1.2;">AI Karaoke</span>
214190
</a>
215191
</td>
216192
</tr>

‎docs/README.deu.md‎

Lines changed: 24 additions & 49 deletions
Original file line numberDiff line numberDiff line change
@@ -122,91 +122,66 @@ Als starke Alternative zu **ElevenLabs** bietet Voice-Pro Podcastern, Entwickler
122122
</details>
123123

124124

125-
126125
## 🎥 YouTube Showcase
127126

128127
<table style="border-collapse: collapse; width: 100%;">
129128
<tr>
130-
<td style="padding: 15px; border: none;" align="center">
129+
<td style="padding: 10px; border: none;" align="center">
131130
<a href="https://youtu.be/scC5CicZ6G0" style="text-decoration: none; color: inherit;">
132-
<div style="position: relative; display: inline-block;">
133-
<img src="https://img.youtube.com/vi/scC5CicZ6G0/hqdefault.jpg" alt="Demo Video 1" width="200" style="border-radius: 8px;">
134-
<img src="https://cdn-icons-png.flaticon.com/512/0/375.png" alt="Play" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 30px; opacity: 0.7;">
135-
</div>
131+
<img src="https://img.youtube.com/vi/scC5CicZ6G0/hqdefault.jpg" alt="Demo Video 1" width="240" height="135" style="border-radius: 4px;">
136132
<br>
137-
<span style="font-size: 14px; font-weight: bold; color: #333;">Demo for Voice-Pro (v2.0)</span>
133+
<span style="font-size: 16px; font-weight: 600; color: #0f0f0f; line-height: 1.2;">Demo for Voice-Pro (v2.0)</span>
138134
</a>
139135
</td>
140-
<td style="padding: 15px; border: none;" align="center">
136+
<td style="padding: 10px; border: none;" align="center">
141137
<a href="https://youtu.be/Wfo7vQCD4no" style="text-decoration: none; color: inherit;">
142-
<div style="position: relative; display: inline-block;">
143-
<img src="https://img.youtube.com/vi/Wfo7vQCD4no/hqdefault.jpg" alt="Demo Video 2" width="200" style="border-radius: 8px;">
144-
<img src="https://cdn-icons-png.flaticon.com/512/0/375.png" alt="Play" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 30px; opacity: 0.7;">
145-
</div>
138+
<img src="https://img.youtube.com/vi/Wfo7vQCD4no/hqdefault.jpg" alt="Demo Video 2" width="240" height="135" style="border-radius: 4px;">
146139
<br>
147-
<span style="font-size: 14px; font-weight: bold; color: #333;">F5-TTS: Voice Cloning</span>
140+
<span style="font-size: 16px; font-weight: 600; color: #0f0f0f; line-height: 1.2;">F5-TTS: Voice Cloning</span>
148141
</a>
149142
</td>
150-
<td style="padding: 15px; border: none;" align="center">
143+
<td style="padding: 10px; border: none;" align="center">
151144
<a href="https://youtu.be/GOzCDj4MCpo" style="text-decoration: none; color: inherit;">
152-
<div style="position: relative; display: inline-block;">
153-
<img src="https://img.youtube.com/vi/GOzCDj4MCpo/hqdefault.jpg" alt="Demo Video 3" width="200" style="border-radius: 8px;">
154-
<img src="https://cdn-icons-png.flaticon.com/512/0/375.png" alt="Play" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 30px; opacity: 0.7;">
155-
</div>
145+
<img src="https://img.youtube.com/vi/GOzCDj4MCpo/hqdefault.jpg" alt="Demo Video 3" width="240" height="135" style="border-radius: 4px;">
156146
<br>
157-
<span style="font-size: 14px; font-weight: bold; color: #333;">Live Transcription & Translation</span>
147+
<span style="font-size: 16px; font-weight: 600; color: #0f0f0f; line-height: 1.2;">Live Transcription & Translation</span>
158148
</a>
159149
</td>
160-
<td style="padding: 15px; border: none;" align="center">
150+
<td style="padding: 10px; border: none;" align="center">
161151
<a href="https://youtu.be/YdAq80wjtuQ" style="text-decoration: none; color: inherit;">
162-
<div style="position: relative; display: inline-block;">
163-
<img src="https://img.youtube.com/vi/YdAq80wjtuQ/hqdefault.jpg" alt="Demo Video 4" width="200" style="border-radius: 8px;">
164-
<img src="https://cdn-icons-png.flaticon.com/512/0/375.png" alt="Play" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 30px; opacity: 0.7;">
165-
</div>
152+
<img src="https://img.youtube.com/vi/YdAq80wjtuQ/hqdefault.jpg" alt="Demo Video 4" width="240" height="135" style="border-radius: 4px;">
166153
<br>
167-
<span style="font-size: 14px; font-weight: bold; color: #333;">Multi-Lingual Voice Cloning: Korean - German</span>
154+
<span style="font-size: 16px; font-weight: 600; color: #0f0f0f; line-height: 1.2;">Multi-Lingual Voice Cloning: Korean - German</span>
168155
</a>
169156
</td>
170157
</tr>
171158
<tr>
172-
<td style="padding: 15px; border: none;" align="center">
159+
<td style="padding: 10px; border: none;" align="center">
173160
<a href="https://youtu.be/Tu2okoHY174" style="text-decoration: none; color: inherit;">
174-
<div style="position: relative; display: inline-block;">
175-
<img src="https://img.youtube.com/vi/Tu2okoHY174/hqdefault.jpg" alt="Demo Video 5" width="200" style="border-radius: 8px;">
176-
<img src="https://cdn-icons-png.flaticon.com/512/0/375.png" alt="Play" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 30px; opacity: 0.7;">
177-
</div>
161+
<img src="https://img.youtube.com/vi/Tu2okoHY174/hqdefault.jpg" alt="Demo Video 5" width="240" height="135" style="border-radius: 4px;">
178162
<br>
179-
<span style="font-size: 14px; font-weight: bold; color: #333;">Multi-Lingual Voice Cloning: English - Korean</span>
163+
<span style="font-size: 16px; font-weight: 600; color: #0f0f0f; line-height: 1.2;">Multi-Lingual Voice Cloning: English - Korean</span>
180164
</a>
181165
</td>
182-
<td style="padding: 15px; border: none;" align="center">
166+
<td style="padding: 10px; border: none;" align="center">
183167
<a href="https://youtu.be/dWCEwO56_7Y" style="text-decoration: none; color: inherit;">
184-
<div style="position: relative; display: inline-block;">
185-
<img src="https://img.youtube.com/vi/dWCEwO56_7Y/hqdefault.jpg" alt="Demo Video 6" width="200" style="border-radius: 8px;">
186-
<img src="https://cdn-icons-png.flaticon.com/512/0/375.png" alt="Play" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 30px; opacity: 0.7;">
187-
</div>
168+
<img src="https://img.youtube.com/vi/dWCEwO56_7Y/hqdefault.jpg" alt="Demo Video 6" width="240" height="135" style="border-radius: 4px;">
188169
<br>
189-
<span style="font-size: 14px; font-weight: bold; color: #333;">Multi-Lingual Voice Cloning: Korean - Japanese</span>
170+
<span style="font-size: 16px; font-weight: 600; color: #0f0f0f; line-height: 1.2;">Multi-Lingual Voice Cloning: Korean - Japanese</span>
190171
</a>
191172
</td>
192-
<td style="padding: 15px; border: none;" align="center">
173+
<td style="padding: 10px; border: none;" align="center">
193174
<a href="https://youtu.be/HXomwoKS3V4" style="text-decoration: none; color: inherit;">
194-
<div style="position: relative; display: inline-block;">
195-
<img src="https://img.youtube.com/vi/HXomwoKS3V4/hqdefault.jpg" alt="Demo Video 7" width="200" style="border-radius: 8px;">
196-
<img src="https://cdn-icons-png.flaticon.com/512/0/375.png" alt="Play" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 30px; opacity: 0.7;">
197-
</div>
175+
<img src="https://img.youtube.com/vi/HXomwoKS3V4/hqdefault.jpg" alt="Demo Video 7" width="240" height="135" style="border-radius: 4px;">
198176
<br>
199-
<span style="font-size: 14px; font-weight: bold; color: #333;">NVIDIA RTX Video Super-Resolution</span>
177+
<span style="font-size: 16px; font-weight: 600; color: #0f0f0f; line-height: 1.2;">NVIDIA RTX Video Super-Resolution</span>
200178
</a>
201179
</td>
202-
<td style="padding: 15px; border: none;" align="center">
180+
<td style="padding: 10px; border: none;" align="center">
203181
<a href="https://youtu.be/lZK7pLJBHb4" style="text-decoration: none; color: inherit;">
204-
<div style="position: relative; display: inline-block;">
205-
<img src="https://img.youtube.com/vi/lZK7pLJBHb4/hqdefault.jpg" alt="Demo Video 8" width="200" style="border-radius: 8px;">
206-
<img src="https://cdn-icons-png.flaticon.com/512/0/375.png" alt="Play" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 30px; opacity: 0.7;">
207-
</div>
182+
<img src="https://img.youtube.com/vi/lZK7pLJBHb4/hqdefault.jpg" alt="Demo Video 8" width="240" height="135" style="border-radius: 4px;">
208183
<br>
209-
<span style="font-size: 14px; font-weight: bold; color: #333;">AI Karaoke</span>
184+
<span style="font-size: 16px; font-weight: 600; color: #0f0f0f; line-height: 1.2;">AI Karaoke</span>
210185
</a>
211186
</td>
212187
</tr>

0 commit comments

Comments
 (0)