프런트엔드 영역에서 FileReader를 이용해 MP4 파일 내 오디오 존재 여부 확인하기

이 글은 LINE VOOM 웹 프런트엔드 개발자가 MP4 파일 내 오디오 존재 여부를 확인하는 기능을 구현한 경험을 공유합니다. 기존 브라우저 API는 호환성 및 정확성 문제가 있어, MP4 파일 구조를 직접 분석하는 방식으로 전환했습니다.

FileReader API를 사용하여 파일의 특정 바이트를 읽어 오디오 트랙 정보를 포함하는 'moov' 또는 'trak' 박스의 존재 여부를 확인하는 방법을 설명합니다. 이 접근 방식은 모바일 웹 환경에서도 효율적이며, 오디오가 없는 동영상에 대한 아이콘 표시 기능을 웹에서도 구현할 수 있게 합니다.

개발 과정에서 겪었던 어려움과 최종 구현 결과를 포함하여 프런트엔드에서 파일 구조를 분석하여 문제를 해결하는 실질적인 사례를 제시합니다.