قالب تطبيق Pro Camera
كاميرا أصلية تحت عناصر تحكم HTML الخاصة بك: قلب، فلاش، مؤقت، شبكة، حفظ في المعرض ومشاركة.
هذا هو القالب يعمل مباشرةً. ميزات الهاتف مثل الكاميرا والاهتزاز والإشعارات تعمل في التطبيق الذي تنشئه.
ميزات الهاتف التي يستخدمها هذا القالب
تأتي هذه من جسر FreeApp JavaScript المضمَّن في كل تطبيق يُنشأ باستخدام Free HTML to APK. في المتصفح العادي يظل القالب يعمل، لكن هذه الاستدعاءات ببساطة لا تفعل شيئًا.
تحفظ صورة في الصور.
شارك ملفًا حقيقيًا.
رسالة toast أصلية قصيرة.
كيف يستدعيها القالب
await FreeApp.camera.start({ facing: 'back', behind: true }); // body { background: transparent }
const photo = await FreeApp.camera.capture({ maxSize: 2048 });
img.src = photo.dataUrl;
اجعله خاصًا بك بالذكاء الاصطناعي
انسخ هذا الأمر إلى ChatGPT أو Gemini أو Claude، وغيّر الفكرة إلى فكرتك، ثم الصق الإجابة في المحرر. فهو يشرح للذكاء الاصطناعي هيكل التطبيق وميزات الهاتف مسبقًا.
عرض أمر الذكاء الاصطناعي
Build a single-file mobile web app (index.html with inline CSS/JS) for Android WebView.
The app: Pro Camera — a full-screen camera app whose shutter, flip, flash, timer and grid buttons are HTML drawn over the native preview. Native camera under your HTML controls: flip, flash, timer, grid, gallery save and share.
Requirements:
- Mobile-first, touch-friendly UI (min 44px tap targets), works in portrait, supports light and dark mode.
- Use <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> and pad for env(safe-area-inset-*).
- Must work fully offline: no CDN or external scripts, fonts or images; persist data in localStorage.
The page runs inside an Android app that injects a native bridge as window.FreeApp. Available APIs:
- FreeApp.camera.start(opts?: {facing?: 'back' | 'front', element?: string | Element /* place the preview over this element */, behind?: boolean /* draw under a transparent page so HTML controls float on top */}): Promise<{facing}>
- FreeApp.camera.capture(opts?: {maxSize?: number, quality?: number, mirror?: boolean}): Promise<{dataUrl, facing}> — still photo from the running preview
- FreeApp.camera.switch(): Promise<{facing}>; FreeApp.camera.torch(on: boolean): boolean; FreeApp.camera.stop(): void; FreeApp.camera.isOpen(): boolean
- FreeApp.saveToGallery(dataUrl: string, fileName?: string): Promise<{uri}> — saves an image to Photos
- FreeApp.shareFile(fileName: string, mimeType: string, base64OrDataUrl: string): boolean — share a real file
- FreeApp.toast(message: string): void — short native toast
Rules for the bridge:
- Always guard calls with `window.FreeApp &&` (or `if (window.FreeApp) { … }`) and provide a browser fallback so the page also works in a normal browser.
- The bridge may be injected after your script runs: do native setup inside `window.addEventListener('freeappready', …)` and also run it immediately if window.FreeApp already exists.
- Do not use alert/confirm for normal feedback; prefer FreeApp.toast when available.
Return the complete index.html in one code block.
My idea: [DESCRIBE YOUR APP IDEA HERE]حوّله إلى تطبيق Android
- اضغط عدّل وأنشئ عبر الإنترنت. يُفتح القالب في المحرر عبر الإنترنت.
- غيّر النص والألوان والكود، ثم اختر اسمًا للتطبيق وأيقونة واسم الحزمة.
- أنشئ التطبيق. ستحصل على APK موقّع لتثبيته وAAB لـ Google Play، مجانًا، بدون حساب وبدون علامة مائية.
المزيد من قوالب الوسائط
تحويل النص إلى كلام
اقرأ أي نص بصوت عالٍ مع اللغة والسرعة والنغمة.
ملاحظات صوتية
أملِ الملاحظات بالتعرف على الكلام واحفظها.
الكاميرا
معاينة مباشرة للكاميرا ومرشحات ولقطات وحفظ على الجهاز.
مسجّل الصوت
سجّل الصوت مع مقياس المستوى والتشغيل والحفظ.
مولّد QR
أنشئ رموز QR دون اتصال للنصوص والروابط وWi-Fi؛ واحفظ PNG.
لوحة رسم
رسم بالإصبع مع الألوان وأحجام الفرشاة والتراجع وحفظ PNG.