HTML 멀티미디어 소개
HTML 멀티미디어
웹상의 멀티미디어는 음향 효과, 음악, 비디오 및 애니메이션을 의미합니다.
최신 웹 브라우저는 이미 다양한 멀티미디어 형식을 지원합니다.
멀티미디어란?
멀티미디어는 다양한 형식으로 제공됩니다. 텍스트, 사진, 음악, 음향 효과, 녹음, 영화, 애니메이션 등 듣거나 보는 모든 것이 될 수 있습니다.
인터넷에서는 웹 페이지에 멀티미디어 요소가 포함되어 있는 경우가 많으며 최신 브라우저는 이미 다양한 멀티미디어 형식을 지원합니다.
이 튜토리얼에서는 다양한 멀티미디어 형식과 이를 웹 페이지에서 사용하는 방법에 대해 알아봅니다.
브라우저 지원
최초의 인터넷 브라우저는 텍스트만 지원했고, 심지어 그 지원도 단일 글꼴과 단일 색상으로 제한되었습니다. 그런 다음 색상, 글꼴, 텍스트 스타일을 지원하는 브라우저가 등장하고 이미지 지원이 추가되었습니다.
다양한 브라우저는 음향 효과, 애니메이션 및 동영상 지원을 다양한 방식으로 처리합니다. 일부 요소는 인라인으로 처리할 수 있지만 다른 요소에는 추가 플러그인이 필요합니다.
다음 장에서 플러그인에 대해 자세히 알아볼 것입니다.
멀티미디어 형식
멀티미디어 요소(예: 비디오 및 오디오)는 미디어 파일에 저장됩니다.
미디어 유형을 결정하는 가장 일반적인 방법은 파일 확장자를 확인하는 것입니다. 브라우저가 .htm 또는 .html의 파일 확장자를 얻으면 해당 파일이 HTML 페이지라고 가정합니다. .xml 확장자는 XML 파일을 나타내고, .css 확장자는 스타일시트를 나타냅니다. 이미지 형식은 .gif 또는 .jpg로 식별됩니다.
멀티미디어 요소에는 .swf, .wmv, .mp3, .mp4 등 다양한 확장자를 가진 파일 형식도 있습니다.
동영상 형식
 |
YouTube에서는 MP4를 권장합니다. Flash Player는 MP4를 지원합니다. HTML5는 MP4를 지원합니다. |
| 형식 | 파일 | 설명 |
AVI | .avi | AVI(Audio Video Interleave) 형식은 Microsoft에서 개발했습니다. Windows를 실행하는 모든 컴퓨터는 AVI 형식을 지원합니다. 이는 인터넷에서 매우 일반적인 형식이지만 Windows가 아닌 컴퓨터에서는 항상 재생할 수 있는 것은 아닙니다. |
WMV |
.wmv | Windows Media 형식은 Microsoft에서 개발했습니다. Windows Media는 인터넷에서 흔히 볼 수 있지만 추가(무료) 구성 요소를 설치하지 않으면 Windows Media 영화를 재생할 수 없습니다. 일부 최신 Windows Media 영화는 적합한 플레이어가 없기 때문에 Windows가 아닌 모든 컴퓨터에서 재생되지 않습니다. |
MPEG | .mpg .mpeg | MPEG(이동 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 (with H.264 video compression) 是一种针对因特网的新格式。事实上，YouTube 推荐使用 MP4。YouTube 接收多种格式，然后全部转换为 .flv 或 .mp4 以供分发。越来越多的视频发布者转到 MP4，将其作为 Flash 播放器和 HTML5 的因特网共享格式。 |
최신 HTML5 표준은 MP4, WebM 및 Ogg 비디오 형식만 지원합니다.
사운드 형식
MP3는 오디오 압축 기술이며 전체 이름은 Motion Image Expert Compression Standard Audio Layer입니다. 3(Moving Picture Experts Group Audio Layer III), MP3라고 합니다. 오디오 데이터의 양을 크게 줄이도록 설계되었습니다. 귀하의 사이트가 음악 유형인 경우 mp3 형식을 선택할 수 있습니다.
| 형식 | 파일 | 설명 |
미디 | .mid .midi | MIDI(Musical Instrument Digital Interface)는 전자음악 장비(예: 악기 디지털 인터페이스)를 위한 장치입니다. 합성 플레이어 및 사운드 카드) 형식. MIDI 파일에는 사운드가 포함되어 있지 않지만 사운드 카드와 같은 전자 제품에서 재생할 수 있는 디지털 음악 지침이 포함되어 있습니다. MIDI 형식에는 지침만 포함되어 있기 때문에 MIDI 파일의 크기가 매우 작습니다. 위의 예는 크기가 23k에 불과하지만 거의 5분 동안 재생됩니다. MIDI는 다양한 플랫폼의 다양한 소프트웨어에서 지원됩니다. 가장 널리 사용되는 웹 브라우저는 MIDI를 지원합니다. RealAudio |
| .ram | RealAudio 형식은 Real Media에서 인터넷용으로 개발했습니다. 이 형식은 비디오도 지원합니다. 이 형식을 사용하면 낮은 대역폭 조건에서 오디오 스트리밍(온라인 음악, 네트워크 음악)이 가능합니다. 낮은 대역폭이 우선시되기 때문에 품질이 저하되는 경우가 많습니다. |
파 | .wav | Wave(파형) 형식은 IBM과 Microsoft에서 개발했습니다. Windows를 실행하는 모든 컴퓨터와 모든 웹 브라우저(Google Chrome 제외)에서 지원됩니다. |
![프론트엔드 프로젝트 - Shangyou [HTML/CSS/JS 기술 종합실습]](https://img.php.cn/upload/course/000/000/068/63bfcb2974f91471.jpg)
![제로 기반 프론트엔드 과정 [Vue 고급 학습 및 실무 적용]](https://img.php.cn/upload/course/000/000/068/63bbd15353895588.jpg)
![웹 프론트엔드 튜토리얼 [HTML5+CSS3+JS]](https://img.php.cn/upload/course/000/000/068/63ba60c8da520536.jpg)
![Apipost 실무 응용 [api, 인터페이스, 자동화 테스트, 모의]](https://img.php.cn/upload/course/000/000/068/63b3c967a20f4861.jpg)
