Web/html

HTML5 멀티미디어 - 멀티미디어 파일 형식

mr.팡 2025. 2. 5. 09:00

웹 환경에서 멀티미디어 콘텐츠(비디오, 오디오)를 원활하게 제공하기 위해 다양한 파일 형식이 사용됩니다. 과거에는 브라우저마다 다른 방식으로 멀티미디어 파일을 처리해야 했지만, HTML5의 도입으로 플래시(Flash)와 같은 별도의 플러그인 없이도 멀티미디어를 쉽게 재생할 수 있게 되었습니다.

이번 포스트에서는 비디오 파일 형식과 오디오 파일 형식에 대해 자세히 알아보겠습니다.

비디오(Video) 파일 형식과 확장자

비디오 파일은 다양한 형식으로 저장될 수 있으며, 웹 환경에서 널리 사용되는 대표적인 비디오 파일 형식은 다음과 같습니다.

파일 형식 확장자 설명
MPEG .mpg, .mpeg Moving Picture Experts Group(MPEG)이 개발한 포맷으로, 손실 압축을 통해 파일 크기를 줄일 수 있습니다.
MP4 .mp4 MPEG에서 개발한 비디오 파일 형식으로, 고화질 영상을 작은 용량으로 저장할 수 있어 스트리밍에 최적화되어 있습니다.
OGV .ogg Xiph 재단에서 만든 개방형 비디오 포맷으로, 특허 문제 없이 사용할 수 있는 오픈소스 형식입니다.
WebM .webm 구글에서 개발한 개방형 비디오 포맷으로, VP8 코덱(비디오)과 Vorbis 코덱(오디오)을 사용합니다.
AVI .avi 마이크로소프트에서 개발한 비디오 포맷으로, 다양한 코덱을 사용할 수 있어 범용성이 높습니다.
WMV .wmv Windows Media Video의 약자로, 마이크로소프트의 Windows Media Player에서 최적화된 형식입니다.
MOV .mov 애플(Apple)에서 개발한 QuickTime 비디오 형식으로, macOS 및 iOS 환경에서 최적의 호환성을 가집니다.
RM .rm, .ram RealNetworks에서 개발한 포맷으로, 인터넷 스트리밍 용도로 자주 사용됩니다.
SWF / FLV .swf, .flv 어도비(구 Macromedia)의 Flash 기반 비디오 포맷으로, 플래시 플레이어에서 재생됩니다. (현재는 HTML5 표준으로 대체되는 중)

 

추천 포맷: 웹에서 사용할 비디오 포맷으로는 MP4(MPEG-4), WebM, OGV가 가장 적합합니다. 대부분의 브라우저에서 지원되며, 특히 MP4는 압축 효율과 호환성이 뛰어나 널리 사용됩니다.

 

오디오(Audio) 파일 형식과 확장자

오디오 파일도 다양한 형식이 존재하며, 용도에 따라 적절한 파일 포맷을 선택하는 것이 중요합니다.

파일 형식 확장자 설명
WAV .wav 마이크로소프트와 IBM이 공동 개발한 포맷으로, 무손실 오디오 형식이지만 파일 크기가 큽니다.
OGG .ogg MP3의 대안으로 개발된 오픈소스 오디오 포맷으로, 라이선스 비용 없이 자유롭게 사용할 수 있습니다.
MP3 .mp3 MPEG-1 오디오 규격에서 개발된 대표적인 손실 압축 오디오 포맷으로, 가장 널리 사용됩니다.
MP4 .mp4 비디오 포맷이기도 하지만, 오디오 파일로도 사용 가능합니다. AAC 코덱을 포함할 수 있습니다.
MIDI .mid, .midi 음악 연주 정보를 저장하는 포맷으로, 전자악기와의 연동에 사용됩니다.
RealAudio .rm, .ram RealNetworks에서 개발한 포맷으로, 인터넷 스트리밍에 최적화된 오디오 파일 형식입니다.
WMA .wma 마이크로소프트에서 개발한 오디오 압축 형식으로, Windows Media Player에서 주로 사용됩니다.
AAC .aac 애플이 개발한 고효율 손실 압축 포맷으로, iPhone, iTunes 등에서 기본적으로 사용됩니다.

 

추천 포맷: 음악 및 음성 콘텐츠를 웹에 삽입할 때는 MP3, OGG, AAC를 사용하는 것이 가장 좋습니다. MP3는 가장 널리 지원되며, OGG는 오픈소스로 라이선스 비용이 없습니다. AAC는 애플 환경에서 강력한 지원을 받습니다.

'Web > html' 카테고리의 다른 글

HTML5 멀티미디어 - 오디오  (0) 2025.02.06
HTML5 멀티미디어 - 비디오  (0) 2025.02.06
HTML5 요소 - Input 요소의 속성  (0) 2025.02.05
HTML5 요소 - Input 요소의 타입  (1) 2025.02.04
HTML5 요소 - Input 요소  (3) 2025.02.04