Skip to content

test: MP4 high quality fallback (CRF 15)#270

Draft
devin-ai-integration[bot] wants to merge 1 commit intoperf/optimize-landing-assetsfrom
test/mp4-high-quality
Draft

test: MP4 high quality fallback (CRF 15)#270
devin-ai-integration[bot] wants to merge 1 commit intoperf/optimize-landing-assetsfrom
test/mp4-high-quality

Conversation

@devin-ai-integration
Copy link
Copy Markdown

@devin-ai-integration devin-ai-integration bot commented Mar 3, 2026

Summary

Re-encodes both landing page MP4 fallback videos (hero-video-transparent.mp4, trophy-cup-transparent.mp4) at CRF 15 instead of CRF 23 to improve visual quality on Safari/iOS, where the MP4 fallback is used because Safari doesn't reliably play VP9 WebM.

This is a test branch for comparing quality/size tradeoffs against an alternative approach (test/libavjs-polyfill). Not intended for direct merge.

File size comparison:

Video Original WebM (VP9) MP4 CRF 23 MP4 CRF 15 (this PR)
hero-video 2.6MB 509KB 733KB ~1.9MB
trophy-cup 2.3MB 423KB 434KB ~1.0MB

Review & Testing Checklist for Human

  • Visually compare MP4 quality on Safari/iOS — open the Vercel preview on Safari and check if CRF 15 quality is acceptable for both the hero and trophy videos. This is the entire point of this branch and cannot be verified from the diff alone.
  • Decide if the file size tradeoff is worth it — CRF 15 MP4s are ~2.9MB total vs ~1.2MB at CRF 23. Safari users download significantly more. Compare against the WebM polyfill approach on the other test branch.
  • Compare against test/libavjs-polyfill branch — the other test branch uses a WebCodecs polyfill to play WebM natively on Safari, avoiding the MP4 quality issue entirely but adding JS/WASM overhead.

Notes


Summary by cubic

Re-encoded the landing page MP4 fallbacks (hero-video-transparent.mp4, trophy-cup-transparent.mp4) at CRF 15 to improve visual quality on Safari/iOS. This test branch evaluates the quality gain against larger files (~2.9MB total vs ~1.2MB at CRF 23) and against the WebM polyfill approach.

Written for commit 40dc63c. Summary will update on new commits.


Open with Devin

Previous CRF 23 encoding was visually degraded. CRF 15 gives much
better quality while still being smaller than the original videos:
- hero: 1.9MB (CRF 15) vs 2.6MB (original) — 25% reduction
- trophy: 1.0MB (CRF 15) vs 2.3MB (original) — 55% reduction

Co-Authored-By: Junho Yeo <i@junho.io>
@devin-ai-integration
Copy link
Copy Markdown
Author

🤖 Devin AI Engineer

I'll be helping with this pull request! Here's what you should know:

✅ I will automatically:

  • Address comments on this PR. Add '(aside)' to your comment to have me ignore it.
  • Look at CI failures and help fix them

Note: I can only respond to comments from users who have write access to this repository.

⚙️ Control Options:

  • Disable automatic comment and CI monitoring

@vercel
Copy link
Copy Markdown
Contributor

vercel bot commented Mar 3, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
tokscale Building Building Preview, Comment Mar 3, 2026 5:19pm

Request Review

Copy link
Copy Markdown
Contributor

@cubic-dev-ai cubic-dev-ai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No issues found across 2 files

Copy link
Copy Markdown
Author

@devin-ai-integration devin-ai-integration bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

✅ Devin Review: No Issues Found

Devin Review analyzed this PR and found no bugs or issues to report.

Open in Devin Review

@junhoyeo junhoyeo marked this pull request as draft March 17, 2026 00:55
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant