portrait-camera 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Fuad Laguda
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,92 @@
+# portrait-camera
+
+Open the front camera in portrait on a phone browser, find out whether the track is telling the truth about its orientation, and record a file that plays upright.
+
+Seven functions, no dependencies, MIT.
+
+```
+npm install portrait-camera
+```
+
+## The problem this solves
+
+Ask a phone browser for the front camera in portrait and two things go wrong.
+
+On iOS 26.6 Safari, `track.getSettings()` reports the sensor's landscape shape, 1920 by 1080, for roughly the first 100 to 400 milliseconds after the stream arrives, then corrects to 1080 by 1920 when the first frame paints. Anything that reads the size inside that window records or publishes the wrong shape. Any test that waits for a painted frame before reading sees nothing wrong, which is why this stayed hidden.
+
+On Android Chrome the track reports portrait but the recorded file comes back nearly square, 1088 by 1080, with the top and bottom of the picture missing.
+
+The measurements, the reproduction and the fixes are public:
+
+- WebKit bug 323550, classified by Apple as a regression in iOS 26.6 on 6 September 2026: https://bugs.webkit.org/show_bug.cgi?id=323550
+- Chromium issue 558254908: https://issues.chromium.org/issues/558254908
+- LiveKit issue 2099, which produced PR 2100 in their client SDK: https://github.com/livekit/client-sdk-js/issues/2099
+- LiveKit issue 2107, which produced PR 2110: https://github.com/livekit/client-sdk-js/issues/2107
+- The write-up: https://dev.to/lagudafuad/the-ios-camera-lies-for-about-a-tenth-of-a-second-and-that-is-why-nobody-noticed-it-5802
+
+## What it does
+
+**Wait for the first painted frame before you read anything.** `waitForFirstFrame` resolves when the browser has drawn a frame, using `requestVideoFrameCallback` where it exists. Every dimension the track reports before that moment can be wrong, and LiveKit's own fix for this fault, PR 2100, is the same wait.
+
+**Ask for the camera in landscape numbers.** Requesting portrait dimensions makes both browsers return the wide sensor preset unrotated. Requesting landscape lets the phone rotate the picture itself. `openFrontCamera` walks a chain of requests that works on both.
+
+**Do not trust the track. Look at the picture.** `measureDrawnFrame` draws one frame of the live video onto a 16 by 16 canvas and checks which corners are painted, so you learn the real orientation from the pixels rather than from `getSettings()`.
+
+**Record what is drawn, not what is reported.** `planRecordingStream` compares the drawn frame with the reported track. If they agree, it records the raw track. If the picture is portrait but the track says landscape, it records a canvas stream of the drawn picture at its own size. If the picture is wide on a portrait screen, it records a centred 9 by 16 crop. No upscaling in any branch.
+
+**Pick a codec that does not soften the video.** `pickMimeType` puts H.264 High profile ahead of Baseline, because `isTypeSupported` says yes to both and list order decides.
+
+## Usage
+
+```ts
+import {
+  openFrontCamera,
+  waitForFirstFrame,
+  planRecordingStream,
+  pickMimeType,
+  extensionFor,
+} from 'portrait-camera'
+
+const stream = await openFrontCamera()
+video.srcObject = stream
+await video.play()
+await waitForFirstFrame(video)
+
+const plan = planRecordingStream(video, stream)
+const mime = pickMimeType()
+const recorder = new MediaRecorder(plan.stream, mime ? { mimeType: mime } : undefined)
+
+const chunks: BlobPart[] = []
+recorder.ondataavailable = (e) => chunks.push(e.data)
+recorder.onstop = () => {
+  plan.stop()
+  const blob = new Blob(chunks, { type: mime })
+  const name = `take.${extensionFor(mime)}`
+  // save or share the blob
+}
+recorder.start()
+```
+
+`plan.reason` tells you which branch it took: `raw`, `canvas-whole` or `canvas-crop`. `plan.stop()` releases the canvas loop when you are done.
+
+## API
+
+| Function | What it returns |
+|---|---|
+| `waitForFirstFrame(video, timeoutMs?)` | `true` once a frame has painted, `false` on timeout. Call it before planning or reading dimensions |
+| `openFrontCamera()` | A `MediaStream` from the front camera, requested in the order that gives portrait on both platforms |
+| `measureDrawnFrame(video, reportedW, reportedH)` | The drawn frame's `{ w, h }` from a corner probe, or `null` if the video has not painted yet |
+| `planRecordingStream(video, stream)` | `{ stream, reason, stop }`, the stream to hand to `MediaRecorder` |
+| `pickMimeType()` | The best supported `video/mp4` or `video/webm` type, High profile first |
+| `extensionFor(mime)` | `'mp4'` or `'webm'` |
+| `isIOS()` | `true` on iPhone and iPad, including iPadOS with a desktop user agent |
+
+## Where it came from
+
+Extracted from web-teleprompter, a browser teleprompter that records the take with the script over the camera: https://github.com/lagudafuadtosin/web-teleprompter
+
+Tested on iPhone 15, iOS 26.6, Safari, in normal and Low Power Mode, and on Android 15, Chrome.
+
+## Licence
+
+MIT. Copyright 2026 Fuad Laguda.

package/dist/index.d.ts

@@ -0,0 +1,17 @@
+export type DrawnFrame = {
+    w: number;
+    h: number;
+};
+export declare function measureDrawnFrame(video: HTMLVideoElement, reportedW: number, reportedH: number): DrawnFrame | null;
+export declare function pickMimeType(): string | undefined;
+export declare function extensionFor(mime: string | undefined): 'mp4' | 'webm';
+export declare function openFrontCamera(): Promise<MediaStream>;
+export type RecordingPlan = {
+    stream: MediaStream;
+    stop: () => void;
+    reason: 'raw' | 'canvas-whole' | 'canvas-crop';
+};
+export declare function planRecordingStream(liveVideo: HTMLVideoElement, stream: MediaStream): RecordingPlan;
+export declare function isIOS(): boolean;
+export declare function waitForFirstFrame(video: HTMLVideoElement, timeoutMs?: number): Promise<boolean>;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,UAAU,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAOjD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,UAAU,GAAG,IAAI,CA4BlH;AAID,wBAAgB,YAAY,IAAI,MAAM,GAAG,SAAS,CAuBjD;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,KAAK,GAAG,MAAM,CAErE;AAKD,wBAAsB,eAAe,IAAI,OAAO,CAAC,WAAW,CAAC,CAyB5D;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE,WAAW,CAAA;IAEnB,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,MAAM,EAAE,KAAK,GAAG,cAAc,GAAG,aAAa,CAAA;CAC/C,CAAA;AAQD,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,gBAAgB,EAAE,MAAM,EAAE,WAAW,GAAG,aAAa,CAkDnG;AAED,wBAAgB,KAAK,IAAI,OAAO,CAG/B;AAYD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,EAAE,SAAS,SAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAmB7F"}

package/dist/index.js

@@ -0,0 +1,203 @@
+// Front camera helpers for recording a portrait take in a phone browser.
+// Plain browser APIs, no dependencies. The commented out code is what was
+// tried first and why it was dropped. It is left in on purpose.
+// Which way does the picture actually extend when this <video> is drawn?
+// On iOS 26.6 and on Android Chrome the track says 1920x1080 while the browser draws a portrait
+// frame. Asked for portrait, the recorder gives the 1920x1080 sensor frame back, with a
+// rotation note so it plays upright but wide (WebKit bug 323550). Not the portrait you saw.
+// So we draw one frame onto a 16px canvas and look at where the paint lands.
+export function measureDrawnFrame(video, reportedW, reportedH) {
+    // Wrong theory 1: read the rotation from the track. There is nothing to read.
+    //   const angle = (video.srcObject as MediaStream).getVideoTracks()[0].getSettings().rotation
+    // Wrong theory 2: the sensor is square, so width and height are the same thing.
+    //   if (reportedW === reportedH) return { w: reportedW, h: reportedH }
+    try {
+        const big = Math.max(reportedW, reportedH);
+        const S = 16;
+        const c = document.createElement('canvas');
+        c.width = S;
+        c.height = S;
+        const ctx = c.getContext('2d', { willReadFrequently: true });
+        if (!ctx)
+            return null;
+        ctx.clearRect(0, 0, S, S);
+        ctx.save();
+        ctx.scale(S / big, S / big);
+        ctx.drawImage(video, 0, 0);
+        ctx.restore();
+        const px = ctx.getImageData(0, 0, S, S).data;
+        const painted = (x, y) => px[(y * S + x) * 4 + 3] > 0;
+        const wide = painted(S - 1, 1) && !painted(1, S - 1);
+        const tall = painted(1, S - 1) && !painted(S - 1, 1);
+        if (wide)
+            return { w: big, h: Math.min(reportedW, reportedH) };
+        if (tall)
+            return { w: Math.min(reportedW, reportedH), h: big };
+        return null;
+    }
+    catch {
+        return null;
+    }
+}
+// Best container and codec this browser supports, strongest H.264 profile
+// first. Safari says yes to Baseline and to High, so list order decides.
+export function pickMimeType() {
+    if (typeof MediaRecorder === 'undefined')
+        return undefined;
+    // First version. Baseline was listed first, got picked, and every take
+    // came out soft.
+    //   const candidates = ['video/mp4;codecs=avc1.42E01E,mp4a.40.2', 'video/mp4', 'video/webm']
+    const candidates = [
+        'video/mp4;codecs=avc1.640028,mp4a.40.2',
+        'video/mp4;codecs=avc1.64001F,mp4a.40.2',
+        'video/mp4;codecs=avc1.4D401F,mp4a.40.2',
+        'video/mp4;codecs=avc1.42E01E,mp4a.40.2',
+        'video/mp4;codecs=avc1,mp4a.40.2',
+        'video/mp4',
+        'video/webm;codecs=vp9,opus',
+        'video/webm;codecs=vp8,opus',
+        'video/webm',
+    ];
+    return candidates.find((c) => {
+        try {
+            return MediaRecorder.isTypeSupported(c);
+        }
+        catch {
+            return false;
+        }
+    });
+}
+export function extensionFor(mime) {
+    return mime && mime.startsWith('video/mp4') ? 'mp4' : 'webm';
+}
+// Open the front camera. Ask in landscape numbers even for a portrait take.
+// The phone matches them to a native preset and rotates the picture itself.
+// Permission errors are thrown at once, anything else tries the next set.
+export async function openFrontCamera() {
+    const audio = { echoCancellation: true, noiseSuppression: true };
+    // First version. Asking for portrait numbers, exact or ideal, made both iOS
+    // Safari and Android Chrome return the wide 1920x1080 preset unrotated.
+    // The take landed sideways and zoomed in on one eye.
+    //   { video: { facingMode: 'user', width: { exact: 1080 }, height: { exact: 1920 } }, audio },
+    //   { video: { facingMode: 'user', width: { exact: 720 }, height: { exact: 1280 } }, audio },
+    //   { video: { facingMode: 'user', aspectRatio: { exact: 9 / 16 } }, audio },
+    //   { video: { facingMode: 'user', width: { ideal: 1080 }, height: { ideal: 1920 } }, audio },
+    const attempts = [
+        { video: { facingMode: 'user', width: { ideal: 1920 }, height: { ideal: 1080 }, frameRate: { ideal: 30 } }, audio },
+        { video: { facingMode: 'user', width: { ideal: 1280 }, height: { ideal: 720 }, frameRate: { ideal: 30 } }, audio },
+        { video: { facingMode: 'user' }, audio },
+    ];
+    let lastErr = null;
+    for (const c of attempts) {
+        try {
+            return await navigator.mediaDevices.getUserMedia(c);
+        }
+        catch (e) {
+            lastErr = e;
+            const n = e?.name;
+            if (n === 'NotAllowedError' || n === 'SecurityError')
+                throw e;
+        }
+    }
+    throw lastErr ?? new Error('camera');
+}
+// Decide what to record.
+//   raw: portrait picture and the track agrees. Best quality.
+//   canvas-whole: portrait picture but the track says landscape (iOS 26.6, Android Chrome).
+//     The recorder would write the landscape sensor frame, so draw the picture to a
+//     canvas at its own size and record that.
+//   canvas-crop: wide picture on a portrait screen. Record the centre 9:16.
+export function planRecordingStream(liveVideo, stream) {
+    // First version. Always cropped the centre 9:16 out of the reported size.
+    // On iOS 26.6 and Android that cut a 608x1080 slice out of a picture that was already
+    // portrait, a 3x zoom of an eye and a nose.
+    //   const W = Math.round((st.height * 9) / 16)
+    //   plan = { W, H: st.height, sx: Math.round((st.width - W) / 2), sw: W }
+    const raw = { stream, stop: () => { }, reason: 'raw' };
+    const vt = stream.getVideoTracks()[0];
+    const st = vt?.getSettings();
+    const canCanvas = typeof HTMLCanvasElement.prototype.captureStream === 'function';
+    if (!st?.width || !st?.height || !canCanvas)
+        return raw;
+    const portraitScreen = window.innerHeight >= window.innerWidth;
+    const drawn = measureDrawnFrame(liveVideo, st.width, st.height) ?? { w: st.width, h: st.height };
+    const trackLandscape = st.width > st.height;
+    const pictureLandscape = drawn.w > drawn.h;
+    let plan = null;
+    if (!pictureLandscape && trackLandscape) {
+        plan = { W: drawn.w, H: drawn.h, sx: 0, sw: drawn.w, reason: 'canvas-whole' };
+    }
+    else if (pictureLandscape && portraitScreen) {
+        const W = Math.round((drawn.h * 9) / 16);
+        plan = { W, H: drawn.h, sx: Math.round((drawn.w - W) / 2), sw: W, reason: 'canvas-crop' };
+    }
+    if (!plan)
+        return raw;
+    try {
+        const canvas = document.createElement('canvas');
+        canvas.width = plan.W;
+        canvas.height = plan.H;
+        const ctx = canvas.getContext('2d');
+        if (!ctx)
+            return raw;
+        const { W, H, sx, sw } = plan;
+        let loop = null;
+        const draw = () => {
+            ctx.drawImage(liveVideo, sx, 0, sw, H, 0, 0, W, H);
+            loop = requestAnimationFrame(draw);
+        };
+        draw();
+        const cs = canvas.captureStream(30);
+        const ct = cs.getVideoTracks()[0];
+        return {
+            stream: new MediaStream([ct, ...stream.getAudioTracks()]),
+            stop: () => {
+                if (loop)
+                    cancelAnimationFrame(loop);
+                loop = null;
+                ct.stop();
+            },
+            reason: plan.reason,
+        };
+    }
+    catch {
+        return raw;
+    }
+}
+export function isIOS() {
+    const ua = navigator.userAgent;
+    return /iPhone|iPad|iPod/.test(ua) || (ua.includes('Mac') && navigator.maxTouchPoints > 1);
+}
+// Wait until the browser has actually painted a frame from this <video>.
+// Measured on iPhone 15, iOS 26.6: the track reports the landscape sensor
+// shape for the first 112 to 139 ms after the stream arrives, then corrects
+// itself at the first painted frame. Reading dimensions inside that window is
+// how a portrait phone publishes as landscape (LiveKit issue 2099, which
+// their PR 2100 fixed with this same wait). requestVideoFrameCallback fires
+// on the first paint, and it fires on a paused element that has never played
+// (measured +143 ms normal, +127 ms Low Power Mode). Where the browser lacks
+// it, poll for a real videoWidth instead. Resolves true when a frame is there,
+// false on timeout, so the caller can decide whether to trust the track.
+export function waitForFirstFrame(video, timeoutMs = 3000) {
+    return new Promise((resolve) => {
+        let done = false;
+        const finish = (ok) => {
+            if (done)
+                return;
+            done = true;
+            window.clearTimeout(timer);
+            window.clearInterval(poll);
+            resolve(ok);
+        };
+        const timer = window.setTimeout(() => finish(false), timeoutMs);
+        const v = video;
+        if (typeof v.requestVideoFrameCallback === 'function') {
+            v.requestVideoFrameCallback(() => finish(true));
+        }
+        const poll = window.setInterval(() => {
+            if (video.readyState >= 2 && video.videoWidth > 0 && video.videoHeight > 0)
+                finish(true);
+        }, 50);
+    });
+}
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "portrait-camera",
+  "version": "0.1.0",
+  "description": "Open the front camera in portrait on iOS Safari and Android Chrome, detect when the track reports the wrong orientation, and record a file that plays upright.",
+  "author": "Fuad Laguda",
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "sideEffects": false,
+  "keywords": [
+    "getusermedia",
+    "mediarecorder",
+    "camera",
+    "portrait",
+    "orientation",
+    "ios",
+    "safari",
+    "android",
+    "webrtc",
+    "front-camera"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/lagudafuadtosin/portrait-camera"
+  },
+  "bugs": {
+    "url": "https://github.com/lagudafuadtosin/portrait-camera/issues"
+  },
+  "homepage": "https://github.com/lagudafuadtosin/portrait-camera#readme",
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "prepublishOnly": "npm run build"
+  },
+  "devDependencies": {
+    "typescript": "~6.0.2"
+  }
+}