KOGG Presenter
Ready
About

Scripture

Song Library

    🌐 Import Lyrics from the Web

    Paste a page with lyrics (e.g. a lyrics site). The text is fetched and stored locally — after that it works offline.

    Service Plan

      Output Themes

      Account & Cloud Sync

      One account keeps your library on every device you sign in on. Everything still works without an account.

      Cloud sync isn't configured on this deployment yet. See README → “Enable cloud sync” (5-minute free setup with Supabase).
      🔒 Your sign-in is protected: password stored hashed, connection over HTTPS, and only you can ever read your library.

      Lower Thirds (names & titles)

      Shows as an animated banner over the bottom of the output — perfect as an OBS overlay.

      Countdown

      Church Logo

      Your picture shows on the Logo screen (and replaces the app placeholder). Stored on this device and synced with your account.

      Strong's Numbers (KJV with Strong's)

      Show or hide the small word numbers on the projector when the "KJV with Strong's" translation is live.

      Voice Control

      Tap 🎤 Voice in the top bar and speak. Commands: "next", "previous", "blank", "logo", or a scripture like "John three sixteen" / "Psalms twenty-three", or a song title. Say "stop listening" to turn it off. Voice input uses the Web Speech API — works in Chrome/Edge and needs an internet connection (browser limitation, not KOGG).

      Backup & Restore

      How the output works

      Output opens display.html — the clean full-screen view for your projector.

      • Phone/tablet → projector: mirror or cast the output screen (HDMI adapter or Chromecast), press ▶ Output, then rotate your phone to the display when you connect.

      • Laptop + projector: open display.html in a Chrome window on the projector screen and this operator page on your laptop screen — they stay in sync automatically (same browser). Press F11 for full screen.

      • Keyboard shortcuts: ←/→ slides, B blank, L logo, Esc back to normal.

      Pair with OBS Studio

      Add a Browser Source in OBS and paste this URL — it shows only the text and lower third with a transparent background, layered over your video or slides:

      Recommended OBS browser source settings: 1920×1080, FPS 30. Use the same URL in a second scene if you also want a fullscreen slide output (without ?overlay=1).