김경태의 블로그입니다.
블로그에 플레이어를 달아보자!
블로그에 굳이 그럴 필요가 있나? 하는 사람들도 있지만, 텍스트로만 자신을 표현하는 데에는 한계가 있으니 사진이나 동영상, 음악들을 이용하는 것도 지향해야 하는 것이라 생각한다. 그래서 최근에 블로그에 앨범을 넣으려고 몇 가지 플러그인을 활용하기도 했고, 오늘은 그 동안 벼르고 별렀던 플레이어를 설치했다. 자세한 설치기를 찾아 볼 수 없어 한참을 고생한 후에야 성공할 수 있었다. 설치한 플레이어는 플래쉬를 활용한 것이라 activeX없이 모든 브라우져에서 사용 가능하다. 본 블로그에는 그림에서처럼 상단 music메뉴를 클릭하면 새 창으로 플레이어가 뜬다. 위의 3곡은 구글에서 찾은 무료 크리스쳔 뮤직이고 아래 6곡은 freebgm에서 찾은 연주곡들이다.
- 우선 이 곳에서 다운로드를 받고 FTP를 이용해 업로드한다.
- 나머지 파일은 그대로 두고 config.xml, playlist.xml, mp3player.html 파일만 수정하면 된다.
- config파일에서는 자동재생할 것인지/아닌지, 목록과 제목을 보일 것인지/아닌지, 곡정보와 연결된 곳을 새창으로 열 것인지/아닌지, 전곡 재생을 할건지/아닌지 등의 설정을 간단하게 true/false로 설정할 수 있다.
- mp3player파일에서는 플레이어의 크기를 알맞게 조절한다. 본 블로그는 200×260으로 되어있다. 플레이어와 리스트의 한 줄은 20px이니 적당히 조절하면 된다.
- Readme폴더의 파일을 열어보면 중간쯤 INSTALLING FOR A CMS OR PROFILE PAGE가 나오는데 그 아래 부분의 태그를 복사해서 업로드한 파일의 절대경로를 적는다.
- 바디에 위의 내용을 넣어 html파일을 업로드해준다.
- 스킨파일의 원하는 부분에 (a href=”window.open(‘http://위 파일의 경로’,'mp3player’,'width=200px,height=260px’);void(1);”)Music(/a)를 넣는다. 사이드 메뉴에 플레이어를 삽입하면 다른 글을 보거나 할 경우에 곡이 멈추게 되니 새 창으로 열리는 방법을 추천한다.
- 여기까지 해서 정상적으로 플레이어가 뜬다면 playlist파일을 손보자! 저작권에 문제가 없는 오픈파일들의 주소를 연결하거나 freebgm 같은 곳에서 공개파일을 다운 받아 자신의 계정에 올려 playlist파일을 수정한다.
(track)
(annotation)여기가 제목(/annotation)
(location)곡의 위치(/location)
(info)곡 정보(/info)
(/track)
트랙 부분에 곡 제목과 위치 곡정보 등을 수정하고 곡을 추가하려면 이 부분을 계속 더하면 된다.
위의 모든 ‘()’는 ‘<>’으로 해주셔야 합니다. ^^
이렇게하면 간단하게 자신의 블로그에서 멋진 음악을 재생할 수 있게 된다. 물론 간단하게 주인장의 인사말을 녹음해서 올려둘 수도 있을 것이다. 여러 곳을 뒤져봤지만 속시원히 설치기가 올려져 있던 곳이 없어 지나치다 싶을 정도로 자세하게 설치방법을 써봤다. 누군가 도움을 받을 수 있다면 좋지 뭐~~~참, 파이어폭스에서는 7번처럼 창 크기를 고정해서 열 경우 약간 작게 열리는 것 같은데, 이 것 혹시 해결할 방법 알고 계신분 있으신가요? 어쩐 일인지 제대로 보일때도 있고 작게 보일때도 있고 그렇네요~~
글 읽으러 오는 분 말고도 음악 들으러 오는 분들도 생겼으면 좋겠다. 생각해봅니다.
Read more:
- 태터툴즈 메뉴얼: 플레이어 설치하기
- 라디오 블로그 설치 by El Libro de Arena
Popularity: 12% [?]
Related posts:
| Print article | This entry was posted by 김경태 on 2006-08-07 at 10:27 pm, and is filed under 웹. Follow any responses to this post through RSS 2.0. You can leave a response or trackback from your own site. |

about 3 years ago
저는 어째서 한글이 안될까요? ㅎㅎ
리스트에 한글만 쓰면 재생이 안되고 글씨가 깨지네요..
about 3 years ago
저장 형식을 UTF-8로 하시면 괜찮을 것 같은데요~~ ^^
about 3 years ago
우분투 리눅스의 불여우입니다, 무지 잘 들립니다. 멋진 방법이에요!
about 3 years ago
5번에서 절대경로를 써주지 않으면 리눅스에랑 윈도우가 다르게 읽어서 플레이가 안된다고 하더라구요~~~! 근데 이거 하루 종일 듣는 분은 없겠죠? ^^;; 트래픽에 무리가 없다면 더 많은 곡을 올려두겠는데, 살짝 걱정은 됩니다.
about 3 years ago
오 멋지군요.
이걸 이용해서 낭만 해적단 노래를 올려봐야.. ^^
about 3 years ago
사랑비 설치해서 쓰려고 했는데…
여러 문제가 생겨서 때려쳤죠. ㅠ_ㅠ
about 3 years ago
와니님 노래 들으러 가야겠습니다. ^^
about 3 years ago
사랑비를 잘은 모르지만, 이 플레이어도 깔끔하지 않나요?
다른 스킨도 활용할 수 있는 것 같은데, 제가 잘 모르겠어서 올리지 않았습니다. 그나저나 저작권 문제 없는 좋은 음악을 구하는 게 관건이네요~~!
about 3 years ago
덕분에 음악 플레이어 잘 깔았습니다..^^;
근데, 위 7본 항목 스크립트가 잘못되었더군요..
(a href=”window.open(‘6번 파일의 경로’,'mp3player’,'width=200px,height=260px’);void(1);”)Music(/a) 가 안되서 아래 것을 삽입하니 되더군요..
(A
href=”javascript:window.open(‘6번 파일의 경로’,'mp3player’,'width=200px,height=260px’);void(1);”)Music(/A)
그러니까 a href=”window.open <– 이게 아니라,
A href=”javascript:window.open <–이렇게요.
암튼 잘 깔았습니다. 감사합니다..
트랙백핑 함 날립니당.. 수고하세요..
about 3 years ago
그러게요~~왜 그 부분이 빠졌는지 모르겠네요~~제 스킨에는 제대로 되어 있고 그거 바로 복사해서 썼거든요…^^ 암튼 축하드립니다! 잘 쓰세요~~~근데 방금 열어보니 플레이어가 안 뜨던데, 저만 그런가요?
about 3 years ago
Revival님.. 제 블로그에 들렀더군요.. 감사..^^;
그런데 음악 플레이어.. 저는 호출 잘 되고 음악도 잘 들리거든요..
것참, 어디에 이상이 있는 것인지.. 혹 쿠키에 뭐가 남아 있어서가 아닐까요? 한번만 더 와 주셔서 테스팅 좀 해 주세요..
about 3 years ago
익스에서는 잘 보이는데, 파폭이랑 오페라에서는 안 보입니다. 제 블로그에 있는 녀석은 다 잘 보이거든요. 브라우져에 문제가 있는건지? 잘 모르겠네요~~ ^^
about 3 years ago
우왕~~ Revival님.. 수정했습니당..
ㅋㅋ 사이즈 문제였네요… 두 군데의 사이즈 명시하는 부분에서 서로 사이즈 다르게 줘 놨네요…
about 3 years ago
El Libro de Arena의 여인입니다. 얼마전에 티스토리로 입주를 하다보니 기존 블로그를 폐쇄해버렸습니다. 그러다 보니 이곳의 링크가 사라져 버렸을 것 같습니다.
그래서 링크된 주소를 올립니다.
http://yeeryu.com/223
제 형편없는 블로그에 들려 링크를 걸어주신 점 감사드리며, 이웃분들에게 혼선을 빚은 점 죄송스럽게 생각합니다.
about 3 years ago
우아~~감사합니다.
여기까지 오셔서 바뀐 링크를 알려주시다니…감사합니다.
제가 블로그에 음악을 달면서 도움을 많이 받게 되어 링크를 했습니다. ^^ 다시 한번 감사드립니다.