내 블로그에 노래를 멋지게 올리는 방법

오늘은 어느 블로그에나 다양하게 올라가 있는 음악듣기를 좀더 쉽고 에쁘게 올리는 방법에 대하여 알아 보겠습니다.

음악올리기에 대해 설명을 드리기 이전에 계정이라는 말을 먼저 이해를 하셔야 할 것입니다.
먼저 두가가 아래에 사진을 한장 올려 보겠습니다.


위와 같은 사진을 올려 보았습니다. 그다음 이 사진에 마우스 오른쪽 클릭하여 이 사진의 주소를 알아 보니..
http://blog.joins.com/usr/d/h/dh1218/38/duga_11.jpg 입니다.
만약 여러분이 위의 주소를 클릭해 보시면 위에 올려진 사진과 같은 사진이 뜰 것입니다. 이렇게 생긴 사진의 주소를 풀이하여 보면...
http://blog.joins.com라는 커다란 집안에( /표시는 다시 하위(下位)방으로 옮겨지는 구분선이라 생각하면 됩니다.) usr 라는 별채가 있고, 그곳에 다시 d라는 사랑채에서 h라는 큰방중에 하나를 dh1218가 전세를 얻어 살고 있고 이 곳의 다시 어느구석에 duga_11.jpg 라는 이미지를 놓아 두었다는 뜻입니다.
여기에서 http://blog.joins.com는 조인스.컴의 주소이며 우리 블로그들은 모두 조인스.컴에 전세를 얻어 들어와 살고 있다고 생각하시면 됩니다.
그 전셋방 중에 dh1218 라는 아이디를 가진 두가도 살고 있고 여러분들도 모두 그렇게 되어 있는 것입니다.

위에 예를 든 주소 http://blog.joins.com/usr/d/h/dh1218/38/duga_11.jpg 는 제가 위의 사진을 지워 버리지 않는 이상에는 이 주소만 가지고 미국이든 유럽이든 어디에서든 위와 같은 그림을 어느 누구이든 자기의 컴에 올릴수가 있는 것입니다.
<IMG src="http://blog.joins.com/usr/d/h/dh1218/38/duga_11.jpg"> 
위와 같은 이미지를 올리는 태그를 이용해서 말입니다.

이렇게 어떤 주소를 만들수 있는 장치를 계정이라고 합니다. 
그런데 문제는 조인스.컴에서 얼마전에 동영상은 조인스.컴의 계정에 올릴수 있게 블로그를 개편하였지만 아직까지 음악은 올리는 계정을 만들어 두고 있지를 못합니다.
그리하여 조인스 블로그를 운영하시는 분들은 모두 다른 계정에 올려져 있는 음악을 얻어오거나 또는 몰래 복사하여 가져 오거나 또는 스스로 별도의 계정을 가지고 있어 그곳에 음악 파일을 올려 주소를 만들어 사용하는 경우등  여러가지 방법으로 조인스블로그에서 음악을 올려 사용하고 있는 실정입니다.
그리하여 블로그에 올려 잘 듣고 있던 음악이 어느날 갑자기 끊겨 들을수 없는 것은 그 음악 계정을 가진이가 음악파일의 주소를 삭제하였거나 바꿨기 때문입니다. 아마 블로그에 음악을 올려 즐기는 이들이 흔히 겪는 일일 것입니다.
특히 개인 홈페이지를 가진이가 자기 혼자 즐기고자 자기의 계정에 올린 음악의 주소가 노출되어 다른이가 가져가 사용해 버린다면 그 계정에 트래픽(부하)이 늘어나 굉장히 문제가 되기 때문에 올려진 음악의 주소를 자주 바꾸어 버리는 경우도 있습니다.
간단히 이야기하면 조인스 블로그에서 사용하는 음악을 전기로 생각한다면 거의 대다수 조인스 블로그의 음악은 지금 남의 전기를 어떤 수단으로(빌리거나 양해를 얻고 가져 오거나 몰래 복사해 오거나..등등)가져와서 쓰고 있다고 생각하시면 됩니다.
조인스 블로그가 더욱더 발전하여 동영상을 업로드할 수 있듯이 음악파일도 조인스.컴의 계정에 바로 올릴수 있는 그날을 기대하여 봅니다.

음악 파일의 미디어 플레이어의 종류

블로그를 서핑하다 보면 아래와 같은 다양한 미디어플레이어들을 볼 수 있습니다.


이런 다양 복잡한 미디어플레이어를 만드는 방법은 별도의 소스를 이용하여 만들면 되지만 조인스 블로그에서는 이렇게 복잡하고 산만한 플레이어를 아주 간단하면서도 멋지게 규격화 하여 올릴수 있는 장치가 되어 있습니다.

일단 먼저 어디에서든지 음악을 구해 와야 됩니다. 위에 설명 드렸듯이 조인스.컴의 계정에 음악을 바로 올릴수 없기 때문입니다.
두가는 일단 웹 서핑을 대강 하다가 다음과 같은 플레이어를 하나 슬쩍 훔쳐와 보았습니다.
 
용임이 아씨의 영시의 이별입니다.
참고로 두가의 음악 수준은 전혀 높지를 못하여 뽕짝이나 트롯을 좋아 합니다.
위의 플레이어에서 ▶를 클릭하시면 영시의 이별이 신나게 흘러 나올 것입니다.
참고로 위의 플레이어는 그리 산만하게 보이지 않으나 님들께서 서핑중에 만난 음악을 내 블로그로 가져와 올리고 보면 플레이어의 생긴 모양이 여러가지로 되어 있어 내 블로그로 옮겨 놓아도 그리 예쁘게 보이지 않을 것입니다.
여기에서는 이걸 규격화 시켜 통일된 모양의 플레이어를 내 블로그에 올리는 방법을 알아 보겠습니다.
아주 쉬운 것이니 차근 차근 따라 해 보세요.

1. 위와 같은 플레이어를 먼저 내 블로그에 붙여 넣기(Ctrl+V) 합니다.


2. HTML을 클릭합니다.


3. HTML을 클릭하면 미디어 플레이어의 소스를 볼수 있습니다.
<EMBED pluginspage=http://www.microsoft.com/Windows/MediaPlayer/ src=https://t1.daumcdn.net/blogfile/fs3/13_17_13_29_09R8p_IMAGE_15_1507.mp3?original&filename=1507.mp3&filename=%EA%B9%80%EC%9A%A9%EC%9E%84+-+%EC%98%81%EC%8B%9C%EC%9D%98+%EC%9D%B4%EB%B3%84.mp3 width=300 height=45 type=application/x-mplayer2 AutoStart="false" loop="true" volume="0"></EMBED>

아주 복잡하게 보이지만 위에 설명 드린 계정을 이해 하시고 나면 아마 전혀 복잡해 보이지가 않을 것입니다.
이곳에서 음악 주소만 건져 내어 보면 아래와 같습니다.
https://t1.daumcdn.net/blogfile/fs3/13_17_13_29_09R8p_IMAGE_15_1507.mp3?original&filename=1507.mp3&filename=%EA%B9%80%EC%9A%A9%EC%9E%84+-+%EC%98%81%EC%8B%9C%EC%9D%98+%EC%9D%B4%EB%B3%84.mp3

참고로 음악주소만 건져 내는 방법은 주소가 시작되는 첫 부분 부터 음악소스의 확장자 (주로 asf, mp3, wav, mid, ra, mp4, ims, mid, rmi, mod, rol, s3m, ogg 등으로 되어 있다.)까지를 복사하면 됩니다.
위의 음악파일의 예에서 보면 아래와 같이 파란색이 음악의 주소가 되는 것입니다.
다시 정리를 하면 src= 의 뒷 부분부터 확장자로 끝나는 곳까지 입니다.
<EMBED pluginspage=http://www.microsoft.com/Windows/MediaPlayer/ src=https://t1.daumcdn.net/blogfile/fs3/13_17_13_29_09R8p_IMAGE_15_1507.mp3?original&filename=1507.mp3&filename=%EA%B9%80%EC%9A%A9%EC%9E%84+-+%EC%98%81%EC%8B%9C%EC%9D%98+%EC%9D%B4%EB%B3%84.mp3 width=300 height=45 type=application/x-mplayer2 AutoStart="false" loop="true" volume="0"></EMBED>

이 부분을 이래의 그림과 같이 복사 합니다.


※주의사항: 위와 같이 음악 주소를 복사할때 불필요한 공간까지 복사하면 안 됩니다.

예 : 불필요한 부분까지 복사 된 경우(아래의 붉은 동그라미를 잘 보세요.)


예 : 정확하게 음악주소를 복사한 경우(아래에서 붉은 동그라미 부분을 잘 보세요. 그리고 위에 잘 못 되었다고 되어 있는 것과 비교하여 보세요.)

MP3라고 끝나는 부분의 끝에까지만 복사가 되어야 하는데 위에는 보면 조금 더 나와 잇는 곳 까지 복사가 되었습니다. 이런 경우 미디어 플레이어가 생기지 않으므로 특별히 주의 바랍니다.

4. 음악 주소만 복사한 다음 이제 지금까지 적혀져 있던 소스를 모조리 지워 버립니다.
지우는 방법은 아래와 같이 마우스로 모두 덮어서 아래와 같이 잘라내기를 하여도 되고 키보드에 있는 ← 화살표를 클릭하셔도 됩니다.


5. 그 다음 하얗게 아무것도 없는 글쓰기방에서 에디터를 다시 클릭합니다. 그리고 위에 있는 도구에서 음악이라고 쓰인 곳을 클릭합니다.


6. 아래와 같은 별도의 창이 생깁니다.


7. 마우스에 복사되어 저장되어 있는 것(음악 주소)을 URL에 붙여 넣기 합니다.


8. 그러면 음악 주소가 URL에 붙여 넣기 되었습니다.


9. 자동으로 재생 시작이라 쓰인곳에 클릭하고 아래의 확인을 누릅니다.


10. 그러면 아래와 같이 음악 미디어 플레이어가 화면에 생깁니다.


11. 미디어 플레이어가 화면의 가운데로 위치하려면 위의 도구의 가운데 맞춤을 클릭하면 됩니다.
밑에 있는 등록을 클릭하면 완성입니다. 아까 자동으로 재생시작을 선택하였기 때문에 플레이버턴(▶)을 클릭하지 않아도 저절로 음악이 시작 될 것입니다.

12. 미디어 플레이어의 크기선택은

위의 창에서 아래 큰 플레이어를 선택하시면 큰 플레이어가 나타나게 됩니다.
음악을 플레이 버튼을 눌러야 들리게 하실려면 위의 자동으로 재생시작칸에 체크하지 않고 그냥 두시면 됩니다.
반복 재생도 마찬가지로 체크되어 있는 것을 클릭하여 체크를 풀게 되면 노래가 1회만 들리고 끝나게 됩니다.

위의 내용을 간단히 설명하면 다른 곳에 있는 음악 플레이어를 옮겨와 그 플레이어의 주소를 알아내어 조인스 블로그에서 제공하는 통일된 규격의 플레이어를 만든다는 것입니다.
참고로 음악주소를 알아내는 방법은 여러가지가 있으나 위의 방법외에도 음악 플레이어에 마우스 오른쪽 클릭하여 나오는 별도의 창에서 속성을 클릭하여 그 곳에 나오는 음악 주소를 복사하여 사용하셔도 위와 같은 내용이 됩니다.

이와 같이 조인스 블로그에서는 음악을 계정에 업로드는 되지 않지만 음악을 아주 올리기 쉽게 장치를 지원해 주고 있습니다. 아래에 만들어 둔 플레이어를 클릭하셔서 영시의 이별을 신나게 들어시면서 멋진 블로그를 만들어 보시길 바랍니다.

짧은 미디어 플레이어 선택시


긴 미디어 플레이어 선택시