Sesli Notlar uygulama şablonu
Konuşma tanıma ile not yazdırın ve kaydedin.
Bu, şablonun canlı çalışan hâlidir. Kamera, titreşim ve bildirimler gibi telefon özellikleri, derlediğiniz uygulamada çalışır.
Bu şablonun kullandığı telefon özellikleri
Bunlar, Free HTML to APK ile derlenen her uygulamada bulunan FreeApp JavaScript köprüsünden gelir. Normal bir tarayıcıda şablon yine çalışır, bu çağrılar yalnızca hiçbir şey yapmaz.
Panoya kopyala.
Android paylaşım sayfası.
Kısa yerel toast mesajı.
Şablon bunları nasıl çağırır
async function dictate() {
if (window.FreeApp && !(await FreeApp.requestPermission('microphone'))) return;
const rec = new (window.SpeechRecognition || window.webkitSpeechRecognition)();
rec.onresult = e => addNote(e.results[0][0].transcript);
rec.start();
}
Yapay zekâ ile kendinize göre uyarlayın
Bu istemi ChatGPT, Gemini veya Claude'a kopyalayın, fikri kendi fikrinizle değiştirin ve yanıtı düzenleyiciye geri yapıştırın. İstem, uygulama kabuğunu ve telefon özelliklerini yapay zekâya zaten açıklıyor.
Yapay zekâ istemini göster
Build a single-file mobile web app (index.html with inline CSS/JS) for Android WebView.
The app: Voice Notes — voice notes: dictate with speech recognition, then save, copy and share. Dictate notes with speech recognition and save them.
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.requestPermission(name: 'camera' | 'microphone' | 'location' | 'notifications'): Promise<boolean>
- FreeApp.hasPermission(name: string): boolean
- FreeApp.copy(text: string): void — copy to clipboard
- FreeApp.share(text: string, title?: string): void — Android share sheet
- 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 uygulamasına dönüştürün
- Çevrimiçi düzenleyin ve derleyin düğmesine dokunun. Şablon çevrimiçi düzenleyicide açılır.
- Metni, renkleri ve kodu değiştirin, ardından bir uygulama adı, bir simge ve bir paket adı seçin.
- Derleyin. Yüklemek için imzalı bir APK ve Google Play için bir AAB alırsınız; ücretsiz, hesap gerekmeden ve filigransız.
✏️ Çevrimiçi düzenleyin ve derleyin ÜCRETSİZ EDİNİNGoogle Play
Diğer Medya şablonları
Metinden Konuşmaya
Herhangi bir metni dil, hız ve ses tonuyla sesli okuyun.
Kamera
Canlı kamera önizlemesi, filtreler, anlık görüntüler ve cihaza kaydetme.
Ses Kaydedici
Seviye göstergesiyle ses kaydedin, dinleyin ve kaydedin.
QR Oluşturucu
Metin, bağlantı ve Wi-Fi için çevrimdışı QR kodları oluşturun; PNG kaydedin.
Çizim Tahtası
Renkler, fırça boyutları, geri alma ve PNG kaydetme ile parmakla boyama.
Pro Camera
HTML denetimlerinizin altında yerel kamera: çevirme, flaş, zamanlayıcı, ızgara, galeriye kaydetme ve paylaşma.