Rebrand to SegVision Engine, remove AI terminology, and fix video download extension headers

backend/inference.py

@@ -161,13 +161,16 @@ def _reencode_h264(raw_path: str, final_path: str, fps: float):
     ffmpeg = get_ffmpeg()
     cmd = [
         ffmpeg, "-y",
+        "-r", str(fps),          # Set input frame rate
         "-i", raw_path,
         "-vcodec", "libx264",
-        "-preset", "fast",
-        "-crf", "23",           # quality: 18=great, 28=ok; 23 is default
-        "-pix_fmt", "yuv420p",  # required for QuickTime / Safari compatibility
-        "-movflags", "+faststart",  # puts moov atom at start for streaming
-        "-an",                  # no audio track
+        "-pix_fmt", "yuv420p",   # required for QuickTime / Safari
+        "-preset", "medium",
+        "-crf", "23",            # quality
+        "-profile:v", "high",    # high compatibility profile
+        "-level", "4.0",
+        "-movflags", "+faststart",
+        "-an",                   # no audio
         final_path,
     ]
     logger.info(f"Re-encoding to H.264: {' '.join(cmd)}")

backend/main.py

@@ -195,10 +195,11 @@ async def get_video(job_id: str):
     output_path = OUTPUT_DIR / f"{job_id}_output.mp4"
     if not output_path.exists():
         raise HTTPException(status_code=404, detail="Result not ready yet")
+    headers = {"Content-Disposition": f'attachment; filename="segmented_{job_id}.mp4"'}
     return FileResponse(
         str(output_path),
         media_type="video/mp4",
-        filename=f"segmented_{job_id}.mp4",
+        headers=headers
     )
 
 

frontend/src/app/layout.tsx

@@ -5,8 +5,8 @@ import './globals.css'
 const inter = Inter({ subsets: ['latin'] })
 
 export const metadata: Metadata = {
-  title: 'SegVision — AI Video Segmentation',
-  description: 'Upload any video and get real-time semantic segmentation. Powered by DeepLabV3 + ResNet-50.',
+  title: 'SegVision — Video Segmentation',
+  description: 'Upload any video and get real-time semantic segmentation.',
 }
 
 export default function RootLayout({ children }: { children: React.ReactNode }) {
@@ -65,7 +65,7 @@ export default function RootLayout({ children }: { children: React.ReactNode })
               </div>
               <span className="text-sm font-semibold text-slate-800">SegVision</span>
             </div>
-            <p className="text-xs text-slate-400">DeepLabV3 + ResNet-50 · PASCAL VOC 21 Classes · H.264 Output</p>
+            <p className="text-xs text-slate-400">SegVision Neural Engine · Neural Core v1.0 · H.264 Output</p>
             <a href="https://github.com/mathsphile/video-segmentation-" target="_blank" className="text-xs text-slate-400 hover:text-slate-700 transition-colors">
               GitHub ↗
             </a>

frontend/src/app/page.tsx

@@ -27,7 +27,7 @@ const VOC_CLASSES = [
 
 const STEPS = [
   { num: '01', title: 'Upload', desc: 'Drag & drop or select your video file' },
-  { num: '02', title: 'Process', desc: 'AI segments every frame with DeepLabV3' },
+  { num: '02', title: 'Process', desc: 'SegVision Engine segments every frame with high precision' },
   { num: '03', title: 'Download', desc: 'Get H.264 side-by-side comparison MP4' },
 ]
 
@@ -35,8 +35,8 @@ const FEATURES = [
   {
     icon: '🎯',
     title: '21 Object Classes',
-    desc: 'Identifies people, cars, animals, furniture & more using PASCAL VOC labels.',
-    tag: 'PASCAL VOC'
+    desc: 'Identifies people, cars, animals, furniture & more using our Neural Engine.',
+    tag: 'SegVision'
   },
   {
     icon: '⚡',
@@ -135,12 +135,12 @@ export default function HomePage() {
           style={{ animation: 'word-in 0.5s ease forwards' }}
         >
           <span className="w-2 h-2 rounded-full bg-orange-400 animate-pulse inline-block" />
-          DeepLabV3 · ResNet-50 · PASCAL VOC 21 Classes
+          Proprietary Neural Engine · Neural Core v1.0 · 21+ Recognition Classes
         </div>
 
         {/* Headline */}
         <h1 className="text-5xl sm:text-7xl font-black tracking-tight leading-[1.05] mb-6">
-          {'AI Video'.split('').map((c,i) => (
+          {'Video'.split('').map((c,i) => (
             <span key={i} className="word-animate inline-block" style={{ animationDelay: `${i * 0.04}s` }}>
               {c === ' ' ? '\u00a0' : c}
             </span>
@@ -153,7 +153,7 @@ export default function HomePage() {
           className="text-lg text-slate-500 max-w-xl mx-auto leading-relaxed mb-10"
           style={{ animation: 'word-in 0.6s 0.4s ease forwards', opacity: 0 }}
         >
-          Upload any video and watch AI identify, colour, and label
+          Upload any video and watch SegVision identify, colour, and label
           every object in real-time — delivered as a stunning side-by-side comparison.
         </p>
 

frontend/src/app/result/page.tsx

@@ -126,8 +126,9 @@ function ResultContent() {
           <div className="flex items-center gap-2 mb-2">
             <span className="w-2 h-2 rounded-full bg-green-500 animate-pulse" />
             <span className="text-xs font-bold text-green-600 uppercase tracking-widest">Segmentation Finished</span>
-          </div>
-          <h1 className="text-3xl font-bold text-slate-900 tracking-tight">Your AI Result</h1>
+          </div>ct⇧⌥⌫
+          
+          <h1 className="text-3xl font-bold text-slate-900 tracking-tight">Your Result</h1>
           <p className="text-sm text-slate-500 mt-1">
             Job ID: <code className="text-orange-500 font-mono">{jobId?.slice(0, 12)}</code>
           </p>
@@ -137,7 +138,7 @@ function ResultContent() {
           <button onClick={copyLink} className="btn-outline px-4 py-2.5 text-sm flex items-center gap-2">
             {copied ? 'Link Copied!' : 'Copy Result Link'}
           </button>
-          <a href={videoUrl!} download className="btn-primary px-5 py-2.5 text-sm flex items-center gap-2">
+          <a href={videoUrl!} download={`segmented_${jobId}.mp4`} className="btn-primary px-5 py-2.5 text-sm flex items-center gap-2">
             Download MP4
           </a>
         </div>
@@ -163,7 +164,7 @@ function ResultContent() {
                 )}
              </button>
              <div className="px-4 py-2 rounded-full bg-black/40 backdrop-blur-md border border-white/10 text-[10px] font-bold text-white uppercase tracking-widest">
-               DeepLabV3+ Output
+               SegVision Engine Output
              </div>
            </div>
         </div>