멀티미디어 크로스 브라우징 표시 방법
Posted: 2004 02 16 19:34 03
외국에 비해 국내의 초고속 인터넷망이 널리 보급됨에 따라 웹페이지에서 제공하는 동영상 서비스가 활발하게 일어나고 있습니다. 국내에서는 대부분의 동영상 서비스가 Windows Media 기술을 이용하고 있으며, 웹페이지 임베딩(Embeding) 기술을 사용하는 경우가 대부분입니다. 그러나 이러한 임베딩 기술을 적절히 사용하지 못해 동영상 서비스가 Mozlla 계열의 웹브라우저에서 잘 구동되지 않는 문제가 있습니다.
이에 다음과 같이 동영상 서비스를 위한 가이드를 제공하고자 합니다. 이 가이드에서 예를 든 포맷은 마이크로소프트의 윈도우 미디어 포맷 (wma, wmv, asf) 이며, 다른 포맷도 비슷한 방식으로 변경하면 됩니다.
1. 서버관리자가 지켜야할 사항
동영상 및 음악 파일이 스트리밍 서버를 통하지 않고 http를 통해 제공 된다면, 서버에서 mime-type을 지정해 주는 것이 필요합니다. 아파치 서버의 경우는 conf/httpd.conf에 이를 지정해 주면 됩니다.
다른 문제 발생을 해결하기 위해 다음 코드를 주석 처리 하는 것도 필요합니다.
또한, 를 로 처리하는 것도 도음이 됩니다.
IIS의 경우, 서버 등록 정보의 [<kbd>인터넷 정보서비스</kbd>] 탭의 [<kbd>컴퓨터 MIME 맵핑</kbd>]에서 MIME-TYPE을 추가해 주어야 합니다. wma나 wmv가 기본으로 포함되어 있지 않습니다. 아래 MIME-TYPE을 추가해야 합니다.
기타 웹서버에도 만약 MIME-TYPE이 지정되어 있지 않았다면, MIME-TYPE 지정해 주는 것이 필요합니다. 이것은 비단 wma, wmv에만 해당 하는 것이 아니고 특정한 확장자의 파일을 배포하려면 MIME-TYPE을 확인해야 하는 것입니다. 참고로 avi, mov, qt, mpeg, mp3 등은 대부분의 웹서버에서 기본 mime-type으로 지정되어 있습니다.
2. 웹개발자가 지켜야 할 사항
그냥 단순히 http://www.text.com/test.wma 형식으로 제공 하는 경우, 위의 웹서버 설정 만으로 별 문제 없이 서비스를 할 수 있습니다. 그러나 플러그인을 Embeding 하는 방식을 사용해야 한다면, 다르게 처리해 주어야 합니다. 기본적으로 웹페이지에 동영상을 임베딩하기 위해서는 HTML 4.01 표준 임베딩 태그인 object를 사용합니다. Internet Explorer의 경우, object를 다음과 같은 비표준 형식으로 사용하고 있습니다.
실제 HTML 4.01 표준적인 방식으로 표현하려만 다음과 같이 해야 합니다.
그러나, IE가 W3C 방식대로 표현해 주고 있지 않기 때문에 현재 이 두 object를 합쳐서 처리하기가 어렵습니다. 따라서 아래와 같이 두가지 Object를 중첩하여 브라우저에 따라 표현하는 방법이 권장됩니다.
Netscape Navigator 4.x 의 버전 기능 호완성(Backward Compatiblity)를 위해서 후자의 object를 embed로 대체할 수도 있습니다.
3. 최종 사용자에게 필요한 사항
최종 사용자는 어떤 음악 파일이나 동영상이 나올 경우, 이것이 웹브라우저가 어떻게 표시할 건지가 정해지지 않았다면 이 확장자에 대해 사용할 어플리케이션을 지정해 주면 됩니다.
이에 다음과 같이 동영상 서비스를 위한 가이드를 제공하고자 합니다. 이 가이드에서 예를 든 포맷은 마이크로소프트의 윈도우 미디어 포맷 (wma, wmv, asf) 이며, 다른 포맷도 비슷한 방식으로 변경하면 됩니다.
1. 서버관리자가 지켜야할 사항
동영상 및 음악 파일이 스트리밍 서버를 통하지 않고 http를 통해 제공 된다면, 서버에서 mime-type을 지정해 주는 것이 필요합니다. 아파치 서버의 경우는 conf/httpd.conf에 이를 지정해 주면 됩니다.
Code: Select all
AddType video/x-ms-asf .wmv .wma .asf
Code: Select all
#AddDefaultCharset ISO-8859-1
Code: Select all
DefaultType text/plain
Code: Select all
DefaultType application/octet-stream
IIS의 경우, 서버 등록 정보의 [<kbd>인터넷 정보서비스</kbd>] 탭의 [<kbd>컴퓨터 MIME 맵핑</kbd>]에서 MIME-TYPE을 추가해 주어야 합니다. wma나 wmv가 기본으로 포함되어 있지 않습니다. 아래 MIME-TYPE을 추가해야 합니다.
Code: Select all
.wma video/x-ms-asf
Code: Select all
.wmv video/x-ms-asf
2. 웹개발자가 지켜야 할 사항
그냥 단순히 http://www.text.com/test.wma 형식으로 제공 하는 경우, 위의 웹서버 설정 만으로 별 문제 없이 서비스를 할 수 있습니다. 그러나 플러그인을 Embeding 하는 방식을 사용해야 한다면, 다르게 처리해 주어야 합니다. 기본적으로 웹페이지에 동영상을 임베딩하기 위해서는 HTML 4.01 표준 임베딩 태그인 object를 사용합니다. Internet Explorer의 경우, object를 다음과 같은 비표준 형식으로 사용하고 있습니다.
Code: Select all
<object classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"
codebase="...."
width="320" height="310" id="myWmedia">
<param name="URL" value="test.wma">
</object>
Code: Select all
<object type="video/x-ms-asf-plugin" data="test.wma" width="320" height="310" id="myWmedia">
</object>
Code: Select all
<object classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"
codebase="..."
width="320" height="310" id="myWmedia">
<param name="URL" value="test.wma">
<object type="video/x-ms-asf-plugin" data="test.wma" width="320" height="310" id="myWmedia">
</object>
</object>
3. 최종 사용자에게 필요한 사항
최종 사용자는 어떤 음악 파일이나 동영상이 나올 경우, 이것이 웹브라우저가 어떻게 표시할 건지가 정해지지 않았다면 이 확장자에 대해 사용할 어플리케이션을 지정해 주면 됩니다.