멀티미디어

멀티미디어

내용 • 멀티미디어 • 배경음악 <BGSOUND> • 멀티미디어 삽입 <EMBED> • 객체 삽입 <OBJECT>

웹 페이지에서의 멀티미디어 활용 • 이미지, 사운드, 동영상 등을 이용해서 다양한 웹 페이지를 구성 • 여러 가지 형식으로 정보를 전달  시선을 모으고, 관심을 가질 수 있게 해 준다 • 플러그인(Plug-in) • 멀티미디어 파일을 웹 브라우저 자체 기능만으로 처리 못할 경우에 외부 뷰어를 연결 • 외부 뷰어는 통상 웹 브라우저에서 지원하지 않는 데이터 형식을 처리하기 위해 추가로 지원되는 프로그램

사운드 • Wave 파일 • 기본적인 사운드 파일, 확장자가 wav • 파일의 크기가 커 길이가 짧은 음악이나 음성, 음향 효과에 주로 사용 • Mp3 파일 • 비디오 압축에 사용되는 MPEG 압축 방식-사운드와 관련된 부분만 사용 • 확장자는 mp3 • Wave 파일을 1/10정도로 압축-훌륭한 음질을 제공 • Real Audio • Real Network 사에서 만든 오디오 파일 • 크기는 Wave 파일의 1/10정도이나 음질은 mp3에 비해 좋지 못함 • 확장자는 ra, rm • Wma • MicroSoft사가 멀티미디어 압축 방식으로 음악 데이터만을 압축한 기술 • 용량은 MP3 절반 정도이나 음질은 동일한 정도로 제공

사운드 • Midi 파일 • Musical Instrument Digital Interface의 약어로 전자 악기간의 표준 • 확장자는 mid이다. • 웹 브라우저에서 기본적으로 지원하는 파일이기 때문에 플러그인 없이 사용

동영상(비디오) • Avi • Audio Video Interleaved의 약자 • 마이크로소프트사에서 만든 윈도우 프로그램 표준 동영상 형식 • 동영상 파일 형식 중 가장 오래된 동영상 무비 파일로 확장자는 avi이다. • 윈도우 미디어 플레이어로 기본 재생된다. • MOV • 애플(Apple)사에서 만든 동영상 형식 • 퀵타임(QuickTime) 무비라고 한다. • 확장자는 mov이며 퀵타임 플러그인이 별도로 설치되어 있어야만 재생할 수 있다.

동영상(비디오) • MPEG • MPEG은 mpg 혹은 mpeg의 확장자를 가진다 • 일반적인 동영상 파일을 압축률을 높여 압축하여 획기적으로 파일의 크기를 줄여 놓은 것 • 대부분의 비디오 편집 시스템에서 이 파일의 출력을 지원 • AVI나 MOV와는 달리 다양한 압축 형태의 파일을 지원 • 윈도우 미디어 플레이어로 기본 재생된다. • WMV(ASF) • 마이크로소프트사가 개발한 스트리밍 오디오/비디오 포맷 멀티미디어 압축 방식 • 웹에서 실시간으로 비디오 및 오디오를 전송하기 위한 구조 • 보통 파일을 내려 받아 재생하거나 스트리밍하는데 사용되며 이 둘의 차이점은 비디오 코덱(Codec)이 v3일 경우 ASF가 되고 v8일 경우 WMV가 되는 것만 다르다.

플래시 • 벡터 기반의 애니메이션을 만들 수 있다. • 용량이 작다. • 스트리밍(Streaming) 을 지원하여 실시간 전송이 가능하다. • 상호대화적인 애니메이션의 제작이 가능하다. • 뛰어난 호환성과 확장성을 가지고 있다.

배경음악 <BGSOUND> • BackGround Sound의 약자, 웹 페이지의 배경에 사운드를 삽입 • 웹 브라우저 화면에는 배경 음악에 대한 정보나 배경 음악을 조절할 수 있는 컨트롤 박스 등이 보이지 않고 음악만이 흘러나온다 • 재생 가능한 음악 파일의 종류가 제한적, 인터넷 익스플로러에서만 사용 가능하다 • 형식 • 예

예제 : <BGSOUND> 태그

멀티미디어 삽입 <EMBED> • “끼어 넣다”라는 의미를 가지고 있는 <EMBED> 태그는 웹 문서에 멀티미디어 요소를 삽입할 때 사용하는 가장 기본 태그이다. • <EMBED> 태그를 사용하여 멀티미디어 요소를 삽입할 때는 반드시 해당 파일을 플레이시킬 수 있는 플러그인을 필요로 한다. • 형식

<EMBED> 태그 사용 예 • 웹 페이지가 열리자마자 자동으로 "30"의 음량으로 "maria.midi" 음악 파일이 연주 • 컨트롤 상자가 표시되므로 중간에 음량을 조절할 수 있다. • 실행결과

예제 : <EMBED> 태그

<EMBED> 태그로 동영상 삽입 • 컨트롤 박스와 함께 동영상 화면이 브라우저에 표시 • 사운드와는 달리 width와 height를 지정해 주는 것이 좋다. • 화면에 표시할 영상의 크기를 고려해서 지정 • hidden 속성을 “true”로 지정하면 컨트롤 버튼뿐만 아니라 동영상도 같이 보이지 않게 되므로 주의 • 예

<EMBED> 태그로 플래시 무비 삽입 • 사운드나 동영상과는 달리 컨트롤 박스가 보이지 않고 플래시 화면만 보인다. • 플래시 무비 삽입 시 추가 속성

객체 삽입 <OBJECT> • <EMBED> 태그와 마찬가지로 다양한 멀티미디어 개체를 삽입 • 인터넷 익스플로러를 비롯하여 한정된 웹 브라우저에서만 인식할 수 있는 태그 • 실행할 멀티미디어 파일의 URL과 파일을 컨트롤하기 위한 속성들은 <OBJECT> 태그 내 <PARAM> 태그에 작성한다. • 형식

<OBJECT> 태그의 형식 • 형식 • 클래스 아이디는 멀티미디어 종류에 따라 이미 지정된 값이 있다. • 음악, 동영상 파일의 경우 :"clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95“ • 플래시 무비인 경우 :"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"이다.

<PARAM> 태그 형식 • 재생구간을 보여주는 트레커나, 화면 비율 제어, 자동실행 등 멀티미디어 파일을 조금 더 상세하게 컨트롤 • <OBJECT> 태그 내에서 여러 번 사용할 수 있다. • 형식

예제 : <OBJECT> 태그

연습문제 1. 다음의 파일 확장자 중 인터넷에서 통용되는 오디오 파일의 형식이 아닌 것은? ① wav ② ra ③ asf ④ wmd 2. HTML 문서에 멀티미디어 객체를 삽입하여 나타내려고 한다. 다음 태그들 중 적합한 것은 무엇인가? ① <IMG> ② <INPUT> ③ <FORM> ④ <EMBED>

연습문제 3. 웹 페이지가 열리자마자 배경에 음악이 흘러나오게 하려고 한다. 특별한 표시 없이 음악만 나오게 하려면 어떤 태그가 적당한가? ① <BGSOUND> ② <BODY BackgroundSound> ③ <SOUND> ④ <OBJ> 4. 인터넷에 사용할 수 있는 동영상 파일 형식이 아닌 것은 무엇인가? ① AVI ② MOV ③ MPG ④ WMA

멀티미디어

멀티미디어

Presentation Transcript