Spaces:
Running
on
Zero
Running
on
Zero
Update app.py
Browse files
app.py
CHANGED
|
@@ -71,41 +71,42 @@ demo = gr.Interface(
|
|
| 71 |
title="🎙️ Arabic Dialect Identification in Speech!",
|
| 72 |
description="""
|
| 73 |
<div style="text-align: center;">
|
| 74 |
-
|
| 75 |
-
|
| 76 |
-
|
| 77 |
-
|
| 78 |
-
|
| 79 |
-
|
| 80 |
-
|
| 81 |
-
|
| 82 |
-
|
| 83 |
-
|
| 84 |
-
|
| 85 |
-
|
| 86 |
-
|
| 87 |
-
|
| 88 |
-
|
| 89 |
-
|
| 90 |
-
|
| 91 |
-
|
| 92 |
-
|
| 93 |
-
|
| 94 |
-
|
| 95 |
-
|
| 96 |
-
|
| 97 |
-
|
| 98 |
-
|
| 99 |
-
|
| 100 |
-
|
| 101 |
-
|
| 102 |
-
|
| 103 |
-
|
| 104 |
-
|
| 105 |
-
|
| 106 |
-
|
| 107 |
-
|
| 108 |
-
|
|
|
|
| 109 |
</div>
|
| 110 |
""",
|
| 111 |
examples=examples if examples else None,
|
|
|
|
| 71 |
title="🎙️ Arabic Dialect Identification in Speech!",
|
| 72 |
description="""
|
| 73 |
<div style="text-align: center;">
|
| 74 |
+
<img src="assets/logo.png" alt="Logo" style="width: 200px; height: auto; margin-bottom: 20px;">
|
| 75 |
+
<br>
|
| 76 |
+
<div style="text-align: center; max-width: 800px; margin: 0 auto; padding: 20px;">
|
| 77 |
+
<p style="font-size: 16px; line-height: 1.6;">
|
| 78 |
+
Use this AI speech model to identify five major Arabic varieties from just a short audio clip.
|
| 79 |
+
</p>
|
| 80 |
+
<br>
|
| 81 |
+
<p style="font-size: 15px; line-height: 1.8;">
|
| 82 |
+
<strong>The following Arabic language varieties are supported:</strong>
|
| 83 |
+
<br><br>
|
| 84 |
+
✦ <strong>Modern Standard Arabic (MSA)</strong> - The formal language of media and education
|
| 85 |
+
<br>
|
| 86 |
+
✦ <strong>Egyptian Arabic</strong> - The dialect of Cairo, Alexandria, and popular Arabic cinema
|
| 87 |
+
<br>
|
| 88 |
+
✦ <strong>Gulf Arabic</strong> - Spoken across Saudi Arabia, UAE, Kuwait, Qatar, Bahrain, and Oman
|
| 89 |
+
<br>
|
| 90 |
+
✦ <strong>Levantine Arabic</strong> - The dialect of Syria, Lebanon, Jordan, and Palestine
|
| 91 |
+
<br>
|
| 92 |
+
✦ <strong>Maghrebi Arabic</strong> - The distinctive varieties of Morocco, Algeria, Tunisia, and Libya
|
| 93 |
+
</p>
|
| 94 |
+
<br>
|
| 95 |
+
<p style="font-size: 16px; color: #2563eb;">
|
| 96 |
+
Simply <strong>upload an audio file</strong> or <strong>record yourself speaking</strong> to see which dialect you match!
|
| 97 |
+
</p>
|
| 98 |
+
<p style="font-size: 14px; color: #6b7280;">
|
| 99 |
+
Perfect for language learners, linguistics enthusiasts, or anyone curious about Arabic language variation.
|
| 100 |
+
</p>
|
| 101 |
+
<br>
|
| 102 |
+
<p style="font-size: 13px;">
|
| 103 |
+
The demo is based on a Transformer model adapted for the ADI task
|
| 104 |
+
<a href="https://huggingface.co/badrex/mms-300m-arabic-dialect-identifier" style="color: #2563eb;">badrex/mms-300m-arabic-dialect-identifier</a>.
|
| 105 |
+
</p>
|
| 106 |
+
<p style="font-size: 13px;">
|
| 107 |
+
Developed with ❤️🤍💚 by <a href="https://badrex.github.io/" style="color: #2563eb;">Badr Alabsi</a>
|
| 108 |
+
</p>
|
| 109 |
+
</div>
|
| 110 |
</div>
|
| 111 |
""",
|
| 112 |
examples=examples if examples else None,
|