본문 바로가기

[R]HTML 멀티미디어(HTML Multimedia)

Multimedia on the web is sound, music, videos, movies, and animations.

웹상의 멀티미디어는 사운드, 음악, 비디오, 영화 및 애니메이션입니다.




What is Multimedia?

멀티미디어 란 무엇입니까?


Multimedia comes in many different formats. It can be almost anything you can hear or see.

멀티미디어는 다양한 형식으로 제공됩니다. 그것은 당신이들을 수 있거나 볼 수있는 거의 모든 것이 될 수 있습니다.

Examples: Images, music, sound, videos, records, films, animations, and more.

예 : 이미지, 음악, 사운드, 비디오, 레코드, 영화, 애니메이션 등.

Web pages often contain multimedia elements of different types and formats.

웹 페이지는 종종 다양한 유형 및 형식의 멀티미디어 요소를 포함합니다.

In this chapter you will learn about the different multimedia formats.

이 장에서는 다양한 멀티미디어 형식에 대해 학습합니다.




Browser Support

브라우저 지원


The first web browsers had support for text only, limited to a single font in a single color.

첫 번째 웹 브라우저는 텍스트 만 지원하며 단일 글꼴의 단일 글꼴로 제한됩니다.

Later came browsers with support for colors and fonts, and images!

나중에 색상과 글꼴 및 이미지를 지원하는 브라우저가 등장했습니다!

Audio, video, and animation have been handled differently by the major browsers. Different formats have been supported, and some formats require extra helper programs (plug-ins) to work.

오디오, 비디오 및 애니메이션은 주요 브라우저에서 다르게 처리되었습니다. 다양한 형식이 지원되며 일부 형식에서는 추가 헬퍼 프로그램 (플러그인)이 필요합니다.

Hopefully this will become history. HTML5 multimedia promises an easier future for multimedia.

바라기를 이것은 역사가 될 것입니다. HTML5 멀티미디어는 멀티미디어의보다 쉬운 미래를 약속합니다.




Multimedia Formats

멀티미디어 형식


Multimedia elements (like audio or video) are stored in media files.

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

The most common way to discover the type of a file, is to look at the file extension.

파일 형식을 찾는 가장 일반적인 방법은 파일 확장명을 보는 것입니다.

Multimedia files have formats and different extensions like: .swf, .wav, .mp3, .mp4, .mpg, .wmv, and .avi.

멀티미디어 파일은 .swf, .wav, .mp3, .mp4, .mpg, .wmv 및 .avi와 같은 형식과 다른 확장자를가집니다.




Common Video Formats

일반적인 비디오 형식




MP4 is the new and upcoming format for internet video.
MP4는 인터넷 비디오를위한 새로운 포맷입니다. 
MP4 is recommended by YouTube.
MP4는 YouTube에서 권장합니다. 
MP4 is supported by Flash Players.
MP4는 Flash Player에서 지원됩니다. 
MP4 is supported by HTML5.
MP4는 HTML5에서 지원됩니다. 


Format File Description
MPEG .mpg
.mpeg
MPEG. Developed by the Moving Pictures Expert Group. The first popular video format on the web. Used to be supported by all browsers, but it is not supported in HTML5 (See MP4).
MPEG. Moving Pictures Expert Group이 개발했습니다. 웹상에서 가장 인기있는 비디오 포맷입니다. 모든 브라우저에서 지원되었지만 HTML5에서는 지원되지 않습니다 (MP4 참조).
AVI .avi AVI (Audio Video Interleave). Developed by Microsoft. Commonly used in video cameras and TV hardware. Plays well on Windows computers, but not in web browsers.
AVI (오디오 비디오 인터리빙). Microsoft가 개발했습니다. 비디오 카메라 및 TV 하드웨어에 일반적으로 사용됩니다. Windows 컴퓨터에서는 잘 재생되지만 웹 브라우저에서는 재생되지 않습니다.
WMV .wmv WMV (Windows Media Video). Developed by Microsoft. Commonly used in video cameras and TV hardware. Plays well on Windows computers, but not in web browsers.
WMV (Windows Media Video). Microsoft가 개발했습니다. 비디오 카메라 및 TV 하드웨어에 일반적으로 사용됩니다. Windows 컴퓨터에서는 잘 재생되지만 웹 브라우저에서는 재생되지 않습니다.
QuickTime .mov QuickTime. Developed by Apple. Commonly used in video cameras and TV hardware. Plays well on Apple computers, but not in web browsers. (See MP4)
퀵타임. 애플에 의해 개발. 비디오 카메라 및 TV 하드웨어에 일반적으로 사용됩니다. Apple 컴퓨터에서는 잘 재생되지만 웹 브라우저에서는 재생되지 않습니다. (MP4 참조)
RealVideo .rm
.ram
RealVideo. Developed by Real Media to allow video streaming with low bandwidths. It is still used for online video and Internet TV, but does not play in web browsers.
RealVideo. Real Media가 개발하여 낮은 대역폭으로 비디오 스트리밍을 가능하게합니다. 온라인 비디오 및 인터넷 TV에 여전히 사용되지만 웹 브라우저에서는 재생되지 않습니다.
Flash .swf
.flv
Flash. Developed by Macromedia. Often requires an extra component (plug-in) to play in web browsers.
플래시. Macromedia에서 개발했습니다. 종종 웹 브라우저에서 재생할 추가 구성 요소 (플러그인)가 필요합니다.
Ogg .ogg Theora Ogg. Developed by the Xiph.Org Foundation. Supported by HTML5.
테오라 오그. Xiph.Org Foundation에 의해 개발되었습니다. HTML5에서 지원됩니다.
WebM .webm WebM. Developed by the web giants, Mozilla, Opera, Adobe, and Google. Supported by HTML5.
WebM. 웹 거인, Mozilla, Opera, Adobe 및 Google에서 개발했습니다. HTML5에서 지원됩니다.
MPEG-4
or MP4
.mp4 MP4. Developed by the Moving Pictures Expert Group. Based on QuickTime. Commonly used in newer video cameras and TV hardware. Supported by all HTML5 browsers. Recommended by YouTube. 
MP4. Moving Pictures Expert Group이 개발했습니다. QuickTime을 기반으로합니다. 일반적으로 최신 비디오 카메라 및 TV 하드웨어에 사용됩니다. 모든 HTML5 브라우저에서 지원됩니다. YouTube 추천.


Only MP4, WebM, and Ogg video are supported by the HTML5 standard.

MP4, WebM 및 Ogg 비디오 만 HTML5 표준에서 지원됩니다.




Audio Formats

오디오 형식


MP3 is the newest format for compressed recorded music. The term MP3 has become synonymous with digital music.

MP3는 압축 녹음 된 음악의 최신 형식입니다. MP3라는 용어는 디지털 음악과 동의어가되었습니다.

If your website is about recorded music, MP3 is the choice.

당신의 웹 사이트가 녹음 된 음악에 관한 것이라면, MP3가 선택입니다.


Format File Description
MIDI .mid
.midi
MIDI (Musical Instrument Digital Interface). Main format for all electronic music devices like synthesizers and PC sound cards. MIDI files do not contain sound, but digital notes that can be played by electronics. Plays well on all computers and music hardware, but not in web browsers.
MIDI (악기 디지털 인터페이스). 신디사이저 및 PC 사운드 카드와 같은 모든 전자 음악 장치의 기본 형식. MIDI 파일에는 사운드가 포함되어 있지 않지만 전자 장치로 재생할 수있는 디지털 노트가 있습니다. 모든 컴퓨터 및 음악 하드웨어에서 잘 재생되지만 웹 브라우저에서는 재생되지 않습니다.
RealAudio .rm
.ram
RealAudio. Developed by Real Media to allow streaming of audio with low bandwidths. Does not play in web browsers.
RealAudio. Real Media가 개발하여 저 대역폭의 오디오 스트리밍을 가능하게합니다. 웹 브라우저에서 재생되지 않습니다.
WMA .wma WMA (Windows Media Audio). Developed by Microsoft. Commonly used in music players. Plays well on Windows computers, but not in web browsers.
WMA (Windows Media Audio). Microsoft가 개발했습니다. 음악 플레이어에서 주로 사용됩니다. Windows 컴퓨터에서는 잘 재생되지만 웹 브라우저에서는 재생되지 않습니다.
AAC .aac AAC (Advanced Audio Coding). Developed by Apple as the default format for iTunes. Plays well on Apple computers, but not in web browsers.
AAC (고급 오디오 코딩). iTunes가 기본 포맷으로 Apple에서 개발했습니다. Apple 컴퓨터에서는 잘 재생되지만 웹 브라우저에서는 재생되지 않습니다.
WAV .wav WAV. Developed by IBM and Microsoft. Plays well on Windows, Macintosh, and Linux operating systems. Supported by HTML5.
WAV. IBM과 Microsoft에서 개발했습니다. Windows, Macintosh 및 Linux 운영 체제에서 잘 실행됩니다. HTML5에서 지원됩니다.
Ogg .ogg Ogg. Developed by the Xiph.Org Foundation. Supported by HTML5.
오그. Xiph.Org Foundation에 의해 개발되었습니다. HTML5에서 지원됩니다.
MP3 .mp3 MP3 files are actually the sound part of MPEG files. MP3 is the most popular format for music players. Combines good compression (small files) with high quality. Supported by all browsers.
MP3 파일은 실제로 MPEG 파일의 사운드 부분입니다. MP3는 음악 플레이어에서 가장 많이 사용되는 형식입니다. 좋은 압축률 (작은 파일)과 높은 품질을 결합합니다. 모든 브라우저에서 지원됩니다.
MP4 .mp4 MP4 is a video format, but can also be used for audio. MP4 video is the upcoming video format on the internet. This leads to automatic support for MP4 audio by all browsers.
MP4는 비디오 형식이지만 오디오 용으로도 사용할 수 있습니다. MP4 비디오는 곧 출시 될 비디오 포맷입니다. 따라서 모든 브라우저에서 MP4 오디오를 자동으로 지원합니다.


Only MP3, WAV, and Ogg audio are supported by the HTML5 standard.

MP3, WAV 및 Ogg 오디오 만 HTML5 표준에서 지원됩니다.




'HTML' 카테고리의 다른 글

[R]HTML5 오디오(HTML5 Audio)  (0) 2018.07.17
[R]HTML5 비디오(HTML5 Video)  (0) 2018.07.16
[R]HTML Google지도(HTML Google Maps)  (0) 2018.07.14
HTML5 SVG  (0) 2018.07.13
[R]HTML5 Canvas  (0) 2018.07.12