wma로 음악 넣는 방법... 갈수록 태산이군

국내에 웹 사이트들이 웹 표준을 지키고 OS나 브라우저와 관계 없이 접근성을 향상 시키기 위한 사이트 버그 신고 및 문제 해결을 위한 게시판입니다.
Post Reply
snotice
Posts: 7
Joined: 2005 10 01 21:16 05
Contact:

wma로 음악 넣는 방법... 갈수록 태산이군

Post by snotice »

파폭을 주로 쓰면서 블로그에서 첨 해보는 게 잘 되나 안되나 확인 할 때만 가끔 IE 쓰는 유저입니다. 윈도 미디어 플레이어로 wma 파일을 삽입하려고 첨엔 다음과 같이 썼더랬습니다.

Code: Select all

<embed src="mms://~~~~~.wma" />

근데 그랬더니.. 누군가 "너 그러는거 아니다.."라고 충고하더군요.. 쩝..
그래도 요즘은 약간 귀찮기는 하지만 다음과 같이 썼더랬습니다.

Code: Select all

<object type="application/x-mplayer2" data="mms://~~~~~~.wma" />
허.. 이랬더니 IE에서는 아예 표시가 안되는 겁니다. 이리저리 찾아 헤매던 중에 ie에서는 data 속성을 있어도 모른척 한다는 이야기를 듣고 다음과 같이 또 수정했습니다.

Code: Select all

<object type="application/x-mplayer2" data="mms://~~~~~~.wma" ><param name="Filename" value="mms://~~~~~~~.wma" /></object>
뭐 IE에서 인식이 또 안될 수 있으니 가운데 embed 태그를 넣어주라는 말도 있었지만 나름대로 IE에서도 잘 보였고 주위 사람들 중에서도 (파폭쓰는 사람은 아무도 없지만) 음악 잘 나온다고 하여서 쭉 그렇게 써왔습니다.

오늘 회사에서 컴퓨터를 새로 바꿨는데요, 윈도xp 미디어센터 에디션인가.. 그렇더군요. 미디어 플레이어 10이 설치되어 있었습니다.

헐.. 근데 미디어 플레이어 플러그인이 보여야할 부분에 아무것도 없더군요. IE로 봐도 없었습니다.... 그래서 embed 태그를 object 태그 사이에 또 넣어줬는데도 안나오더군요.. 떱... MIME 타입을 딴 걸로 써줘야하는 것일까요? 아니면 CLASSID 인가 하는 걸 써줘야하나요? (클래스아이디는 윈미플 버전마다 또 틀린거 같던데 ㅠㅅㅠ)

정말 대략난감한 상황이 아닐 수 없습니다. 일단 '가라'로
type="audio/x-ms-wma"라고 지정해봤습니다만.. 이게 맞는 건지는 모르겠습니다.

내일 출근해서 되나 안되나 확인해봐야겠지만... 이것마저 안된다면 ㅠㅅㅠ

정 그게 안된다면 혹시 미디어센터 에디션에서 미디어플레이어 10을 삭제하고 9버전을 설치하는 방법 아시는 분... 메일 주세요 ㅠㅅㅠ


아, 혹시나해서 embed 태그만 써서 IE에서 시험해봤는데 역시나 안 보였습니다.. 플러그인 문제인가 ㅠㅅㅠ
Rantro
Posts: 34
Joined: 2005 03 01 11:36 09
Contact:

도움 못 드려서 죄송합니다.

Post by Rantro »

왜 embed 태그를 쓰면 안 되는거죠? 전 embed 태그만 써서 불여우, IE 둘다 잘 되던데...
astraea
해커
해커
Posts: 477
Joined: 2004 01 04 23:57 23
Contact:

Re: 도움 못 드려서 죄송합니다.

Post by astraea »

Rantro wrote:왜 embed 태그를 쓰면 안 되는거죠? 전 embed 태그만 써서 불여우, IE 둘다 잘 되던데...

embed 가 비추천? 태그라고 알고 있어요

솔직히 저도 전혀 이해할 수 없어요;;

간단하게 사용 가능하고
브라우저를 가리지도 않고


왜 이게 비추천 태그가 된건가요?;;
Thom
서포터즈
서포터즈
Posts: 91
Joined: 2005 09 02 13:18 18
Contact:

Re: 도움 못 드려서 죄송합니다.

Post by Thom »

astraea wrote:
Rantro wrote:왜 embed 태그를 쓰면 안 되는거죠? 전 embed 태그만 써서 불여우, IE 둘다 잘 되던데...

embed 가 비추천? 태그라고 알고 있어요

솔직히 저도 전혀 이해할 수 없어요;;

간단하게 사용 가능하고
브라우저를 가리지도 않고


왜 이게 비추천 태그가 된건가요?;;
다음의 글에 wc3 테스트에는 통과하지만 윈도우즈가 아닌 시스템에서는

안될것 같은(?) 방법이 나와 있습니다. 저 글을 제가 작성하긴 했지만 다른 자료를

참고한 것인데,, 어딜 참고했었는지는.. 기억이 나질 않네요..-_-;;


http://165.194.17.5/zero/?url=zeropage& ... ForFireFox
User avatar
Channy
해커
해커
Posts: 1006
Joined: 2002 03 26 17:41 59
Location: 아름다운 제주
Contact:

..

Post by Channy »

viewtopic.php?t=640 를 참고하세요.
Channy
---------------
Are you creative? http://www.creation.net
눈팅

Re: ..

Post by 눈팅 »

차니 wrote:viewtopic.php?t=640 를 참고하세요.

Code: Select all

<object> 
    <param> 
<object> 
</object> 
</object>
위 와 같이 했을때 IE 에서는 창이 두개가 나타 납니다. 하나는 x 표시 나오면서...

그리고 각 각 객체에 맞는 (mp3, asf, 플레쉬등등..) classid 값은 어디가 가면 알 수 있나요? 그리고 그 classid 값은 모두 동일 한가요?

또 하나... 각 각 객체에 대한 파라메터(param) 의 종류는 어디에서 확인 할 수 있죠?

표준에도 맞고, 사용하기에도 쉬운 방법은???
hyeonseok
해커
해커
Posts: 691
Joined: 2004 08 11 22:14 59
Contact:

Re: ..

Post by hyeonseok »

눈팅:
그리고 각 각 객체에 맞는 (mp3, asf, 플레쉬등등..) classid 값은 어디가 가면 알 수 있나요? 그리고 그 classid 값은 모두 동일 한가요?
classid는 파일 포맷에 따라서 달라지는 것이 아니라 불러들이는 플러그인에 따르게 됩니다. mp3와 asf를 둘다 WMP에서 구동하고자 한다면 다른 포맷이지만 같은 classid를 사용하게 됩니다. 이 방식은 IE전용 방식이고 또한 플러그인을 직접적으로 명시하는 방법이기 때문에 플랫폼의존적입니다. classid를 지정한 object들은 IE외의 다른 브라우저에서는 인식이 안되어서 다음 object fallback으로 넘어가게 됩니다. classid값을 아시려면 ms에서 플러그인 마다 지정한 값을 찾아보시면 됩니다.
눈팅:
또 하나... 각 각 객체에 대한 파라메터(param) 의 종류는 어디에서 확인 할 수 있죠?
param은 플러그인에 전달되는 값이기 때문에 플러그인의 종류에 따라서 달라집니다. 각 플러그인 제조업체의 홈페이지에서 찾아보아야 합니다. WMP의 경우는 msdn에서, flash player는 adobe홈페이지에서 확인 하시면 됩니다.
눈팅:
표준에도 맞고, 사용하기에도 쉬운 방법은???
http://hyeonseok.com/pmwiki/index.php/Markup/Object
이 글과 글 아래의 reference를 참조해 보시기 바랍니다.
눈팅

Re: ..

Post by 눈팅 »

http://hyeonseok.com/pmwiki/index.php/Markup/Object
이 글과 글 아래의 reference를 참조해 보시기 바랍니다.

Code: Select all

<object>
	<param>
	<Hixie>
	<if> <-->
	<object>
		<p><img src="flash_movie.png" alt="">></p>
	</object>
	<!--> <endif>
</object>
위 와 같은 코드를 wmv 를 플레이 하기 위해선

Code: Select all

<object>
	<param>
	<param>
	<Hixie>
	<if> <-->
	<object>
		<p></p>
	</object>
	<!--> <endif>
</object>
이렇게 바꿨습니다.

classid는 레지스트에디터에서 HKEY_CLASSES_ROOT\CLSID 의 하단에서 windows media player 로 검색을 하였습니다.
그런데 제 컴에서는 아래와 같이 3개가 나옵니다. 거기에서 아무 거나 이용해도 되나요? 그리고 다른 컴퓨터 들도 다 똑같이 나오나요? OS 마다 약간씩 틀릴 것 같은데, 약간 틀려도 문제가 되지 않나요?
(한번 레지스트에서 삭제를 해 보고 테스트를 해 볼까...)

Code: Select all

{0A4286EA-E355-44FB-8086-AF3DF7645BD9}
{22D6F312-B0F6-11D0-94AB-0080C74C7E95}
{6BF52A52-394A-11d3-B153-00C04F79FAA6}
그리고 코드 베이스는 구글링을 해서 찾아 내었고(그런데 사용하는 곳 마다 약간씩 다르더군요...-.-;)

오브젝트 타입도 레지스트에서 검색을 하였는데, wmv 와 asf 등 전부 다르게 나옵니다.

그럼 첨부화일로 할 경우엔 확장명에 따라서 타입이 자동으로 바뀌어 지도록 만들어야 하겠네요?

거기다가 파라메터로 autostart 를 추가를 해 봐서 테스트를 해 보니깐, 일단 IE, FF, 오페라에서 잘 되네요....

hyeonseok님 맞게 했나요?

골치아프네.... 그냥 embed.... 써야 하나????
눈팅

Re: ..

Post by 눈팅 »

어.. 코드가 제대로 안 들어가네요?
(지금 오페라 사용 중 입니다...)
눈팅

Re: ..

Post by 눈팅 »

http://hyeonseok.com/pmwiki/index.php/Markup/Object 에서 사용한 맨 마지막 코드 중에서

classid='clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95'
codebase='http://activex.microsoft.com/activex/co ... n/nsmp2inf. cab#Version=6,4,7,1112'
object type='video/x-ms-wmv'

과 화일명만 바꿔서 ie, ff, 오페라에서 테스트를 해 봤습니다.
hyeonseok
해커
해커
Posts: 691
Joined: 2004 08 11 22:14 59
Contact:

Post by hyeonseok »

classid는 레지스트에디터에서 HKEY_CLASSES_ROOT\CLSID 의 하단에서 windows media player 로 검색을 하였습니다.
그런데 제 컴에서는 아래와 같이 3개가 나옵니다. 거기에서 아무 거나 이용해도 되나요? 그리고 다른 컴퓨터 들도 다 똑같이 나오나요? OS 마다 약간씩 틀릴 것 같은데, 약간 틀려도 문제가 되지 않나요?
(한번 레지스트에서 삭제를 해 보고 테스트를 해 볼까...)
어차피 Windows+IE외의 다른 OS에서는 classid를 이용한 방법으로는 재생이 되지 않습니다. 안에 있는 type에 의해서 작동하는 object를 인식 하게 되죠.

clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95는 WMP6.4 이하 버젼, clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6는 WMP7 이상 버전의 classid이고 버전에 따라서 javascript method나 param 변수 명 등이 다릅니다. WMP7이상 버젼이 설치되어 있을 때에는 WMP6.4이하 버젼의 classid를 선언해도 작동 하지만 그 반대는 작동하지 않습니다. 호환성을 위해서는 6.4버전으로 선언하는 것이 좋지만 요새 6.4쓰는 사람은 거의 없을 겁니다. 0A4286EA-E355-44FB-8086-AF3DF7645BD9는 뭔지 모르겠네요.

플러그인을 사용할 때에는 IE나 다른 표준을 지키지 않은 브라우저를 위해서 최대한 많이 테스트 해 보는 것이 좋습니다. 그리고 성공적으로 재생이 되게 하는 것도 중요하지만 브라우저에 플러그인이 설치되지 않은 경우를 위해서 미디어 파일을 직접 다운로드 할 수 있게 링크를 제공하는 것도 중요합니다. 그리고 대체 텍스트를 제공하는 것도 중요하고요.
Post Reply

Who is online

Users browsing this forum: Amazon [Bot] and 1 guest