사이드바 영역으로 건너뛰기

멀티미디어 파일 링크를 잘하려면

역시나 HTML의 세계는 심오한 데가 있는 것 같군요.

 

멀티미디어 파일 링크를 잘하려면

두 가지만 기억하면 될 줄 알았는데

북치기박치기.......는 아니고ㅡㅡ;;

끝에 붙는 스페이스를 조심하고

네이버 블로그에 올린 파일을 역시 조심하면 될 줄 알았죠.

(음악 링크 걸기를 할 때라는 포스트에서 쓴 내용입니다.)

 

헌데,

음악 파일(.mp3, .wma 등)이나 영상 파일(.avi, .mpg, .wmv 등)이라는

명확한 확장자를 가지고 있는 파일에 대해서는

별 문제없이 플레이어를 불러올 수 있지만

특정 페이지가 파일을 불러오는 경우에는

텍스트 편집기의 링크 기능이 잘 작동하지 않습니다.

 

예를 들면 다음과 같은 경우죠.

링크 주소 : http://member.jinbo.net/renegade/music/03 비둘기의 꿈.mp3

이 노래를 링크 걸기로 추가하면 이렇게 되죠.

 


♪ 첫 번째 링크 ♪

 

그런데 음악 링크는 반드시 mp3파일로 되어 있으리란 법이 없습니다.

예를 또 들면 다음과 같은 경우죠.(미류님의 비둘기의 꿈에서 빌려온 링크입니다.)

링크 주소 : http://bob.jinbo.net/album/down.php?table=albumpiece&no=2217

같은 노래가 링크되어 있지만 링크 걸기를 하면 이렇게 됩니다.

 


♪ 두 번째 링크 ♪

 

이것은 링크 주소를 통해 멀티미디어 파일이라는 정보를 알 수 없기에

익스플로러가 알아서 적절한 태그를 만들어 주지 못하기 때문에

발생하는 현상이죠.

 

따라서 이 경우에는 HTML 소스 편집을 하는 수밖에 없습니다.



편집기의 "HTML 수정"이라는 메뉴를 클릭하면

쓰고 있는 포스트가 HTML 형식으로 나타납니다.

여기서는 HTML을 직접 편집할 수 있게 되는데

편집기(정확하게 말하면 IE)가 잘못 만들어준 태그를 수정해야 하는 거죠.

 

멀티미디어 파일에 대한 링크는 태그 안에 있습니다.

위의 두 링크는 HTML 모드에서 다음과 같이 나타나죠.

 

1번

type="application/x-mplayer2" autostart="false">

 

2번

type=file/unknown autostart="false">

 

두 태그의 차이가 보이는데,

src="어쩌구저쩌구"라 써 놓은 링크 주소는 당연히 달라야 하는 것이지만

type은 "application/x-mplayer2"라 되어 있는 1번이 맞습니다.

2번에서는 어떠한 파일 형식인지 알 수 없었기 때문에

type이 "file/unknown"으로 지정되어버린 것이죠.

따라서 2번 태그의 type을 "application/x-mplayer2"로 수정해 주면 문제는 해결됩니다.

 

2번 수정

type="application/x-mplayer2" autostart="false">

 

다시 "HTML 수정" 메뉴를 클릭해서 링크를 확인하면 다음과 같이 나오죠.

 

가끔 type="application/x-mplayer2" 대신에

type="text/html; charset=iso-8859-1"이 붙는 경우도 있는데

이 type은 어째서인지 멀티미디어 포맷으로 인식합니다.

물론 잘 인식이 안 된다 싶으면 주저없이 "application/x-mplayer2"로 변경하시면 되죠.

 

어쩌다 보니 HTML 편집까지 얘기가 나와버렸군요.

익숙하지 않은 분들은 조금 복잡할 수도 있겠지만

HTML 편집이 가능해지면

편집기가 지원하지 않는 기능도 구현할 수 있기 때문에

여러모로 유용할 것이라 생각됩니다.

 

미류님의 비둘기의 꿈과

진보네의 멀티티미디어 파일링크 하기와("멀티티미디어"는 좀 고쳐주지..)

이전에 쓴 음악 링크 걸기를 할 때에

트랙백 날렸어요.


진보블로그 공감 버튼트위터로 리트윗하기페이스북에 공유하기딜리셔스에 북마크