HTML 멀티미디어

웹의 멀티미디어는 음향, 음악, 비디오 및 애니메이션을 의미합니다.

현대 웹 브라우저는 많은 멀티미디어 형식을 지원합니다.

멀티미디어는 무엇인가요?

멀티미디어는 여러 가지 다른 형식에서 와 있습니다. 들을 수 있거나 보일 수 있는 모든 내용, 텍스트, 이미지, 음악, 사운드, 녹음, 영화, 애니메이션 등이 될 수 있습니다.

인터넷에서는 웹 페이지에 내장된 멀티미디어 요소를 자주 발견합니다. 현대 브라우저는 다양한 멀티미디어 형식을 지원합니다.

이 튜토리얼에서는 다양한 멀티미디어 형식과 이를 웹 페이지에서 사용하는 방법을 배울 수 있습니다.

브라우저 지원

첫 번째 인터넷 브라우저는 텍스트만 지원했으며, 텍스트 지원도 단일 글꼴과 단일 색상으로 제한되었습니다. 그런 다음, 색상, 글꼴 및 텍스트 스타일을 지원하는 브라우저가 등장했으며, 이미지 지원도 추가되었습니다.

다른 브라우저는 음향, 애니메이션 및 비디오 지원에 대해 다른 방식으로 처리합니다. 일부 요소는 내장된 방식으로 처리할 수 있지만, 일부는 추가적인 플러그인이 필요합니다.

아래의 장에서 플러그인에 대해 더 많이 배울 수 있습니다.

멀티미디어 형식

멀티미디어 요소(예: 비디오와 오디오)는 미디어 파일에 저장됩니다.

미디어 타입을 결정하는 가장 일반적인 방법은 파일 확장자를 확인하는 것입니다. 브라우저가 .htm 또는 .html 확장자를 얻으면, 그 파일이 HTML 페이지라고 가정합니다. .xml 확장자는 XML 파일을 나타내며, .css 확장자는 스타일 시트를 나타냅니다. 이미지 형식은 .gif 또는 .jpg을 통해 인식됩니다.

멀티미디어 요소는 다른 확장자를 가진 파일 형식을 가지고 있습니다. 예를 들어 .swf, .wmv, .mp3 및 .mp4.

비디오 형식

MP4 형식은 새로운 대규모로 보급되는 인터넷 비디오 형식입니다. HTML5, Flash 플레이어 및 유쿠와 같은 비디오 웹사이트는 이를 지원합니다.

포맷 파일 설명
AVI .avi AVI (Audio Video Interleave) 형식은 마이크로소프트에서 개발된 것입니다. 모든 윈도우를 실행하는 컴퓨터는 AVI 형식을 지원합니다. 이는 인터넷에서 매우 일반적인 형식이지만, 비 윈도우 컴퓨터는 항상 재생되지 않습니다.
WMV .wmv 윈도우 미디어 형식은 마이크로소프트에서 개발된 것입니다. 윈도우 미디어는 인터넷에서 매우 일반적이지만, 추가적인(무료) 구성 요소가 설치되지 않았다면 윈도우 미디어 영화를 재생할 수 없습니다. 일부 후기 윈도우 미디어 영화는 모든 비 윈도우 컴퓨터에서 재생되지 않습니다. 이는 적절한 플레이어가 없기 때문입니다.
MPEG
  • .mpg
  • .mpeg
 MPEG (Moving Pictures Expert Group) 포맷은 인터넷에서 가장 인기 있는 포맷입니다. 이 포맷은 플랫폼 간이며, 모든 인기 있는 브라우저가 지원합니다。
QuickTime .mov QuickTime 포맷은 애플 컴퓨터에서 개발되었습니다. QuickTime는 인터넷에서 흔히 사용되는 포맷이지만, QuickTime 영화는 추가적인(무료) 컴포넌트가 설치되지 않은 Windows 컴퓨터에서 재생되지 않습니다。
RealVideo
  • .rm
  • .ram
 RealVideo 포맷은 Real Media가 인터넷을 위해 개발했습니다. 이 포맷은 저비트율 상황에서(온라인 비디오, 인터넷 텔레비전) 비디오 스트림을 허용합니다. 저비트율 우선으로, 품질이 낮아질 수 있습니다。
Flash
  • .swf
  • .flv
 Flash (Shockwave) 포맷은 Macromedia에서 개발되었습니다. Shockwave 포맷은 재생하기 위해 추가적인 컴포넌트가 필요하지만, 이 컴포넌트는 Firefox나 IE와 같은 브라우저에 미리 설치되어 있습니다。
Mpeg-4 .mp4 Mpeg-4 (H.264 비디오 압축 포함)는 인터넷을 위한 새로운 포맷입니다. 실제로, YouTube는 MP4를 추천합니다. YouTube는 여러 가지 포맷을 받아들이지만, 모두 .flv 또는 .mp4로 변환하여 배포합니다. 점점 더 많은 비디오 발행자들이 MP4를 선택하여 Flash 플레이어와 HTML5 인터넷 공유 포맷으로 사용합니다。

오디오 포맷

포맷 파일 설명
MIDI
  • .mid
  • .midi

MIDI (Musical Instrument Digital Interface)는 전자 음악 장치(예: 싱글버드와 오디오 카드)를 위한 포맷입니다. MIDI 파일은 음악이 포함되어 있지 않지만, 오디오 카드와 같은 전자 제품에서 재생할 수 있는 디지털 음악 지시를 포함합니다。

여기를 클릭하여 The Beatles를 재생하세요。

MIDI 포맷은 지시만 포함하기 때문에 MIDI 파일은 매우 작습니다.上面的例子只有 23k 的大小，但却能播放将近 5 分钟。MIDI는 널리 사용되는 플랫폼에서 많은 소프트웨어가 지원합니다. 대부분의 인기 있는 웹 브라우저가 MIDI를 지원합니다。
RealAudio
  • .rm
  • .ram
 RealAudio 형식은 Real Media가 인터넷을 위해 개발했습니다. 이 형식은 비디오를 지원합니다. 이 형식은 저비트 랜드에서의 오디오 스트림(온라인 음악, 네트워크 음악)을 허용합니다. 저비트 랜드를 우선으로 하므로, 품질은 종종 감소합니다.
Wave .wav Wave (waveform) 형식은 IBM과 마이크로소프트가 개발했습니다. 모든 Windows를 실행하는 컴퓨터와 모든 웹 브라우저(구글 크롬을 제외한 모든 것)가 지원합니다.
WMA .wma WMA 형식 (Windows Media Audio)은 MP3보다 품질이 좋으며, 대부분의 플레이어와 호환됩니다. iPod를 제외한 대부분의 플레이어와 호환됩니다. WMA 파일은 연속 데이터 스트림으로 전송할 수 있으며, 이는 인터넷 라디오나 온라인 음악에 매우 실용적입니다.
MP3
  • .mp3
  • .mpga
 MP3 파일은 실제로는 MPEG 파일의 오디오 부분입니다. MPEG 형식은 원래 동영상 이미지 그룹으로 개발되었습니다. MP3는 그 중 음악에 대한 가장 인기 있는 오디오 형식입니다. 미래의 소프트웨어 시스템이 모두 지원할 것으로 기대됩니다.

어떤 형식을 사용할까요?

WAVE는 인터넷에서 가장 인기 있는無圧縮오디오 형식으로, 모든 인기 브라우저가 지원합니다. 원하지 않는 압축된 오디오(음악 또는 강의)를 필요로 한다면 WAVE 형식을 사용해야 합니다.

MP3는 최신圧縮녹음 음악 형식. MP3 이 용어는 디지털 음악의 대명사가 되었습니다.如果你的网站从事录制音乐，那么 MP3 是一个选项。