gpu on onseokhttps://onseok.github.io/tags/gpu/Recent content in gpu on onseokHugoen-us© {year} onseokTue, 10 Mar 2026 00:00:00 +0900Real-Time Video Post-Processing on Android with OpenGL ES Fragment Shadershttps://onseok.github.io/posts/realtime-video-enhancement-android-opengl/Tue, 10 Mar 2026 00:00:00 +0900https://onseok.github.io/posts/realtime-video-enhancement-android-opengl/<style> /* Pipeline flow diagrams */ .pipe-flow { display: flex; align-items: center; gap: 6px; margin: 1.5em 0; overflow-x: auto; padding: 4px 0; } .pipe-box { padding: 10px 14px; border: 1.5px solid var(--text-color); border-radius: 5px; text-align: center; white-space: nowrap; font-size: 0.88em; color: var(--text-color); } .pipe-box strong { color: var(--heading-color); display: block; } .pipe-box .sub { font-size: 0.8em; opacity: 0.65; } .pipe-box.accent { border-color: #e05040; border-width: 2px; } .pipe-arrow { opacity: 0.4; font-size: 1.1em; flex-shrink: 0; } .pipe-step { font-size: 0.7em; opacity: 0.5; display: block; margin-bottom: 2px; } /* Variant selection cards */ .variant-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 1.5em 0; } @media (max-width: 520px) { .variant-grid { grid-template-columns: 1fr; } } .variant-card { border: 1.5px solid var(--text-color); border-radius: 6px; padding: 16px; font-size: 0.88em; line-height: 1.8; color: var(--text-color); } .variant-card.green { border-left: 4px solid #4caf50; } .variant-card.red { border-left: 4px solid #e05040; } .variant-card h4 { margin: 0 0 10px 0; font-size: 1em; color: var(--heading-color); } .variant-card .label { opacity: 0.6; } /* Frame budget box */ .budget-box { margin: 1.5em 0; padding: 16px 20px; border: 1.5px solid var(--text-color); border-radius: 6px; font-family: 'SF Mono', 'Fira Code', monospace; font-size: 0.88em; line-height: 1.9; color: var(--text-color); } .budget-box .title { font-weight: 600; color: var(--heading-color); margin-bottom: 8px; display: block; } .budget-box .sep { opacity: 0.3; } .budget-box .result { font-weight: 600; color: var(--heading-color); } </style> <p>Every modern video player on Android eventually does the same thing: feeds compressed video into <a href="https://developer.android.com/reference/android/media/MediaCodec"><code>MediaCodec</code></a>, lets the hardware decoder turn it into raw frames, and pushes those frames to a <a href="https://developer.android.com/reference/android/view/Surface"><code>Surface</code></a> for display. The entire process is optimized to be invisible. And for 99% of use cases, that is exactly what you want.</p>