Flutter - YUV420 to RGB

Flutter CameraImage Convert

flutter 에서 카메라 이미지를 조작하려는 경우 먼저 yuv420 형식인 CameraImage 를 rgb 형식으로 변환할 필요가 있다.

우선 wikipedia 에서 YUV 형식을 이해할 수 있다.
https://en.wikipedia.org/wiki/YUV

그리고 좋은 예제는 아래의 블로그에서 확인할 수 있다.
https://medium.com/@hugand/capture-photos-from-camera-using-image-stream-with-flutter-e9af94bc2bee

주의해야 할 점은 CameraImage 의 planes[0] 즉 y 값의 인덱스 계산에 bytesPerRow 값을 사용해야 하는 것이다. 예제에서는 y 값의 인덱스 계산에 width 값을 그대로 사용하는데 CameraImage 의 값에 따라서 rgb 로 변환된 이미지가 깨질 수도 있기 때문이다.

댓글

댓글 쓰기

이 블로그의 인기 게시물

react + typescript + leaflet

create project $ npx create-react-app@latest project-name –template typescript $ cd project-name $ yarn add react react-dom leaflet $ yarn add react-leaflet $ yarn add -D @types/leaflet add App.css .leaflet-container { width: 100%; height: 100vh; } change App.tsx import { MapContainer, TileLayer } from "react-leaflet"; import "leaflet/dist/leaflet.css"; import "./App.css"; function App() { return ( <div className="App"> <MapContainer center={[36, 128]} zoom={4} scrollWheelZoom={true}> <TileLayer attribution='&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>' url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" /> </MapContainer> </div> ); } export default App;
자세한 내용 보기