سأبني لك وكيل ذكاء اصطناعي لتحسين الصوت وإزالة الضوضاء. دعني أبدأ بتوليد إلهام التصميم والتعرف على أنماط AI SDK.
Now let me read the existing project files and AI SDK examples:
Now let me build the complete application. I'll start with the theme, then create all the components and API routes:
Now let me update the layout and create all the components:
Now let me update the font-sans in globals.css and create all the application files:
Now let me create the audio processing utility library:
Now let me create the upload zone component:
Now let me create the main audio processor component:
Now let me create the main page:
Now let me add the AI SDK dependency to the project:
Now let me verify everything looks correct by checking the key files:
Everything looks good. Let me also verify the Slider component exists since we use it in the settings:
All components exist. The application is complete. Here's a summary of what was built:
SoundClear AI - وكيل ذكاء اصطناعي لتنقية الصوت وإزالة الضوضاء، ويتكون من:
components/upload-zone.tsx) - سحب وإفلات أو اختيار ملفات صوتية (MP3, WAV, OGG, FLAC) وفيديو (MP4, WebM, MOV)معالجة الصوت (lib/audio-processing.ts) - باستخدام Web Audio API يتم تطبيق سلسلة فلاتر متقدمة:
app/api/analyze/route.ts) - يرسل عينة من الصوت إلى Google Gemini لتحليل الجودة وتقديم تقرير مفصل عن أنواع الضوضاء المكتشفة ونصائح التحسينcomponents/audio-player.tsx) - مقارنة بصرية وسمعية بين الصوت الأصلي والمُعالَج مع رسم الموجات الصوتيةدعني أقرأ الملفات الحالية أولاً لفهم ما يجب تغييره:
Let me also read the remaining components and page:
الآن فهمت كل شيء. سأحول التطبيق من إعدادات يدوية إلى أزرار إجراءات سريعة بنقرة واحدة. سأبدأ بتحديث ملف معالجة الصوت لإضافة الإعدادات المُسبقة:
Now let me completely rewrite the audio processor component to use preset action buttons:
Now let me update the API route to include the preset info in the Gemini prompt:
Now let me update the main page to reflect the new simplified UX:
Now let me clean up the unused processing settings file since it's no longer needed: