Arabian AI School

عمل تطبيق اندرويد على منصة AI Studio

رابط شرح الفيديو التطبيقي والبرومت المستخدم لعمل تطبيق ريلز قرآنية بالذكاء الاصطناعي

مدرسة الذكاء الاصطناعي

Official Channels
VIDEO 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 مع توليد فيديوهات قرآنية عمودية.