Where Raynah Media and Projects Live

Where Raynah Media and Projects Live An architecture diagram generated by Archify. Camera & Mic · Webcam captures · Your Device (Computer or Laptop) · local capture Camera & Mic Webcam captures local capture File Picker · PNG / JPG / Audio · Your Device (Computer or Laptop) · local files File Picker PNG / JPG / Audio local files Raynah Studio · Timeline & Engine · Your Device (Computer or Laptop) · active memory Raynah Studio Timeline & Engine active memory IndexedDB · raynah_db store · Your Device (Computer or Laptop) · internal storage IndexedDB raynah_db store internal storage .raynah.zip · Editable Archive · Your Device (Computer or Laptop) · resume editing .raynah.zip Editable Archive resume editing .mp4 / .webm · Rendered Film · Your Device (Computer or Laptop) · watch and share .mp4 / .webm Rendered Film watch and share capture frames import media autosave edits render film export archive Your Device (Computer or Laptop) Legend Frontend Backend Database External

Local Capture & Edit

  • • Webcam pictures and microphone audio stay in browser memory
  • • No media files are uploaded to mrsutherland.net servers

Browser Internal Storage

  • • Raynah writes project state and frames into IndexedDB automatically
  • • Closing the tab preserves your animation in this browser

Two Export Paths

  • • Save a .raynah.zip file to continue editing tomorrow or on another device
  • • Export an MP4 or WebM video to share, watch, or submit to your teacher