Arabian AI School
عمل تطبيق اندرويد على منصة AI Studio
رابط شرح الفيديو التطبيقي والبرومت المستخدم لعمل تطبيق ريلز قرآنية بالذكاء الاصطناعي
مدرسة الذكاء الاصطناعي
Official ChannelsVIDEO TUTORIAL
رابط شرح الفيديو التطبيقي
AI Studioافتح الفيديو لمتابعة التطبيق العملي خطوة بخطوة
مشاهدة شرح عمل تطبيق اندرويد على AI Studio
رابط الفيديو التطبيقي المستخدم مع هذه الملحقات
https://youtu.be/_fmFWdiBVJg
PROMPT
البرومت المستخدم لعمل تطبيق اندرويد لعمل الريلز القرآنية
البرومت طويل لذلك ظاهر منه جزء صغير فقط، ويمكنك عرضه كاملاً أو نسخه مباشرة
Build an Android app called "Quran Reels Maker" that creates short vertical video clips (Reels) from Quran verses with the following specifications:
=== CORE FUNCTIONALITY ===
The app lets the user select:
Surah (chapter number 1-114) with Arabic name
Start Ayah (verse) number
End Ayah (verse) number
Reciter (from a list of available Quran reciters)
When the user clicks "Generate", the app:
a. Fetches verse text from https://api.alquran.cloud/v1/ayah/{surah}:{ayah}/quran-uthmani (returns Uthmani script Arabic text)
b. Downloads audio for each verse from https://everyayah.com/data/{reciter_id}/{surah:03d}{ayah:03d}.mp3
c. Creates a video clip for each verse with:
Solid black background (1080x1920, portrait/vertical 9:16)
The Arabic verse text rendered in white, centered, using a beautiful Arabic font (Amiri or similar, large readable size), with dynamic font size based on text length
Audio of the recitation synced to the clip duration
d. Concatenates all verse clips into one final video
e. Saves the video to the device gallery
=== UI SCREENS ===
Screen 1 - Main Screen:
App bar with title "Quran Reels Maker"
A dropdown/selector for Surah (numbered 1-114 with Arabic names: الفاتحة, البقرة, آل عمران, ... الناس)
A text field for "Start Ayah" number
A text field for "End Ayah" number (optional, defaults to start+9)
A dropdown for Reciter with these options:
AbdulSamad_64kbps_QuranExplorer.Com (الشيخ عبدالباسط عبدالصمد)
Abdul_Basit_Murattal_64kbps (الشيخ عبدالباسط عبدالصمد مرتل)
Abdurrahmaan_As-Sudais_64kbps (الشيخ عبدالرحمن السديس)
Maher_AlMuaiqly_64kbps (الشيخ ماهر المعيقلي)
Alafasy_64kbps (الشيخ مشاري العفاسي)
Husary_64kbps (الشيخ محمود خليل الحصري)
Hudhaify_64kbps (الشيخ عبدالله الحذيفي)
A Material 3 "Generate" button (large, prominent)
A linear progress indicator showing generation progress
Status text showing current step in Arabic (جاري تحميل الصوت..., جاري إنشاء الفيديو..., تم بنجاح!)
A card showing the final video with a play button and share button when complete
Screen 2 - Settings (optional bottom sheet):
Toggle for background type: Solid Black / Custom Image
If Custom Image: option to pick image from gallery
Toggle for showing verse translation
=== TECHNICAL IMPLEMENTATION ===
Use Kotlin with Jetpack Compose and Material 3
For video generation: Use Android's MediaCodec API or a lightweight approach with Canvas rendering to Bitmap frames, encoded into MP4 video using MediaMuxer
Use OkHttp for network requests to fetch text and audio
Use ExoPlayer/Media3 for video playback preview
Use MediaStore API to save the final video to the device gallery
Store downloaded audio in app cache directory
Use coroutines for async operations
Handle all states: loading, error, empty, success
Show proper Arabic error messages
Support both light and dark theme
The app must work offline for already-downloaded content (cache audio files)
=== VERSE COUNTS FOR VALIDATION ===
Use this map to validate ayah numbers:
Surah 1: 7, 2: 286, 3: 200, 4: 176, 5: 120, 6: 165, 7: 206, 8: 75, 9: 129, 10: 109, 11: 123, 12: 111, 13: 43, 14: 52, 15: 99, 16: 128, 17: 111, 18: 110, 19: 98, 20: 135, 21: 112, 22: 78, 23: 118, 24: 64, 25: 77, 26: 227, 27: 93, 28: 88, 29: 69, 30: 60, 31: 34, 32: 30, 33: 73, 34: 54, 35: 45, 36: 83, 37: 182, 38: 88, 39: 75, 40: 85, 41: 54, 42: 53, 43: 89, 44: 59, 45: 37, 46: 35, 47: 38, 48: 29, 49: 18, 50: 45, 51: 60, 52: 49, 53: 62, 54: 55, 55: 78, 56: 96, 57: 29, 58: 22, 59: 24, 60: 13, 61: 14, 62: 11, 63: 11, 64: 18, 65: 12, 66: 12, 67: 30, 68: 52, 69: 52, 70: 44, 71: 28, 72: 28, 73: 20, 74: 56, 75: 40, 76: 31, 77: 50, 78: 40, 79: 46, 80: 42, 81: 29, 82: 19, 83: 36, 84: 25, 85: 22, 86: 17, 87: 19, 88: 26, 89: 30, 90: 20, 91: 15, 92: 21, 93: 11, 94: 8, 95: 8, 96: 19, 97: 5, 98: 8, 99: 8, 100: 11, 101: 11, 102: 8, 103: 3, 104: 9, 105: 5, 106: 4, 107: 7, 108: 3, 109: 6, 110: 3, 111: 5, 112: 4, 113: 5, 114: 6
=== IMPORTANT NOTES ===
The video must be vertical 9:16 aspect ratio (1080x1920)
Arabic text must render correctly with proper RTL support
Font size should be dynamic based on verse length (longer verses = smaller font)
Audio trimming: trim silence from start and end of each audio file for better sync
Show progress updates for each step in Arabic
Copy ready
QUICK START
انسخ البرومت وافتحه داخل AI Studio، ثم تابع خطوات الشرح في الفيديو
البرومت مصمم ليطلب تطبيق اندرويد كامل باستخدام Kotlin و Jetpack Compose مع توليد فيديوهات قرآنية عمودية.