새날이의 블로그

인터넷에서 음악이나 동영상 올릴 때 브라우저 상관 없는 만능 embed 구문

-인터넷에서 음악이나 동영상 올릴 때 무리없는 tag 양식-

글쓴이: 김병렬


인터넷 일반에서 통용되는 음악 파일은, 대개 마이크로소프트 고유의 포맷으로 되어 있거나 mp3, m3u 포맷인 경우가 대부분입니다. 물론 이것 외에 리얼오디오, 애플사의 AAC 포맷 등도 있지만, 이런 것은 리얼미디어 플러그안(혹은 리얼플레이어 풀 버전)이나 itunes 같은 응용 프로그램을 별도 설치하면 되기 때문에 논외로 합니다.

그런데, 이 미디어(오디오, 비디오) 형식에는 고유의 마임 타입(MIME type)이라는 게 있어서 그것을 정확히 지정하고 문법에 맞게 embed 구문을 구성해야 현존하는 여러 가지 브라우저에서 제대로 해석하고 글을 올린 이가 의도한 대로 동작합니다.

이것은 기실 그렇게 어려운 것도 아닙니다. 제대로 동작한다고 입증된 '모범 답안' 같은 게 하나 있으면, 그것을 자신의 pc에 저장해두고 필요하면, 노우트패드같은 편집기로 불러내어 미디어(오디오, 비디오)의 주소만 바꿔치기하면 되는 것입니다.
예를들어, 아래와 embed 구문은, (비록 W3C의 표준에는 어긋나지만) 어떤 브라우저에서도 아무런 오류없이 embed 된 미디어를 재생할 수 있게 할 수 있습니다.

<embed width="300" height="45" id="wmedia" src="?" type="video/x-ms-asf-plugin" volume="10" playcount="1" autostart="1" enablecontextmenu="0" showstatusbar="1" showcontrols="true" allowscriptaccess="never" invokeurls="false" enabled="true" sendplaystatechangeevents="true">


이 embed 구문을 마우스로 범위 설정한 다음 자신의 pc나 노우트패드 속에 붙여넣어 적당한 이름으로 저장해두는 것이 좋습니다. 그 이후부터는 누구든지, 인터넷 게시판에 글을 올리면서 음악을 embed하고 싶을 때, 위의 구문을 복사한 뒤 'src="?""의 '?'를 지우고, 자신이 좋아하는 음악의 인터넷 주소(URI)만 마우스로 복사해와서  ?  자리에 붙여넣으면 됩니다.

그 형식이 'http://...'나 'mms://...' 혹은 "rtsp://..." 등으로 시작하고 마지막은 음악 파일 이름인 mp3, wma, asf, asx 등으로 되어 있으니 처음과 끝만 잘 구분해서 마우스로 범위 설정을 한 뒤 오른쪽 마우스 버튼의 복사(Ctrl-C)을 누르거나, 브라우저의 '편집' 메뉴의 '복사'를 누른 뒤, 다시 해당 게시판의 웹 페이지로 돌아와 브라우저의 '편집 메뉴'에서 '붙여넣기(Ctrl-V)'를 하면 되는 것입니다.

복잡한 것도 없고 어려운 것도 없고 단지 '복사+붙이기'만 할 줄 알면 누구나 오류없이 음악을 올릴 수 있고, 인터넷 익스플로러든 파이어폭스든 오페라든 다른 어떤 브라우저에서도, 윈도우즈 미디어 플레이머만 제대로 설치 설정되어 있다면, 그것(음악이나 영상)을 오류없이 빠르게 재생할 수 있습니다.

단, 위의 embed 구문을 개인의 취행에 맞게 수정하려고 할 때는 주의할 것이 있습니다.

1. 'embed ...' 사이의 각 항목 즉 패러미터(type', 'src', 'volume' 등)의 사이는 반드시 한 칸만 띄어야 합니다.

2. 모든 변수(패러미터)의 값은 위와 같이 ""(쌍따옴표)로 감싸야 합니다.

3. 위에서 type="video/x-ms-asf-plugin"이라고 지정했는데, 이것이 마스터 키입니다. wma, wmv, asf, asx, mp3 등 게시판에서 통용되는 대부분의 음악 및 비디오 파일에 적용할 수 있으므로, 각 확장자별로 일일이 고유한 MIME type을 기억하거나 써 넣어야 할 필요가 없으므로 아주 편리합니다. 이것 대신에 'application/x-mplayer2'를 써도 같은 결과를 낳습니다. 따라서 이 type="..."은 전혀 손댈 필요가 없습니다.

4. 위의 embed 구문은 윈도우즈 미디어 플레이어 플러그인용인데, 몇 가지 변수(패러미터)는 그 값을 숫자로만 지정해야 인터넷 익스를로러가 아닌 다른 브라우저에서 잘 인식합니다. 즉, 위에서처럼 'enableContextMenu', 'showStatusBar', 'autoStart'는 그 값을 필요에 따라 '0' 또는 '1'로만 지정해야 합니다. 그렇게 하지 않고, 'true', 'false' 등으로 지정하면 다른 브라우저의 플러그인에서는 그것을 무조건 '1'로 처리해버립니다.

5. 재생기 객체를 감추고 음악만 들을 수 있게 하려면 위의 embed 구문에서 width="0" height="0"로 바꾸면 됩니다. 별도로 "hidden=.." 을 쓸 필요가 없습니다. 이 "hidden=.."은 권장되지 않는 것이고 어떤 브라우저에서는 제대로 인식하지 못합니다.

6. 재생을 반복하게 하기 위해 흔히 쓰는 'loop' 대신에 'playCount'를 쓰는 것이 좋습니다. 그 값으로 재생 횟수를 숫자로 지정하면 됩니다. '1', '3', '9999' 등을 입력하면 됩니다. 'loop'는 권장되지 않은 것입니다.

7. 음악이 아니라 비디오를 embed하려고 할 때는, 위 'src="..."'에 비디오 파일의 주소를 붙여 넣은 뒤, 'width="640" height="480"' 등으로 적당한 재생 화면의 크기를 지정해야 합니다.

8. 위의 embed 구문의 바로 앞과 뒤에는
를 붙여놓았는데, 보통 글의 마지막에 embed 구문을 넣을 경우 등에 뒤에 따라 올라오는 글과 최소한의 여백을 두기 위한 것입니다.

9. 위의 embed 구문을 게시판의 '본문내 답글 쓰기' 형식으로 올릴 때는, 문제가 생기는 것을 막기 위해 사전에 노우트 패드 같은 편집기에서 '서식' 메뉴에서 '자동 줄바꿈'을 체크 해제하고 전체 화면으로 만든 뒤, 모두 한 줄로(<-이것은 중요함*) 만들어 저장해 두는 것이 좋습니다. 한 줄로 만들더라도 위의 각 패러미터 사이는 반드시 한 칸만 띄워야 합니다.