어제 만든 플래시(flash) MP3 뮤직 플레이어로 디아블로2(Diablo II) 배경음악 30여개를 연속해서 재생해보겠습니다. 디아블로 배경음악 MP3 파일들을 블로그 글쓰기 파일 관리자로 한꺼번에 업로드 합니다. 업로드한 파일을 모두 선택하고 파일 관리자 상단에 중앙정렬 버튼을 누르면 웹에디터 내용에 MP3 파일이 포함됩니다. HTML 모드로 전환하면 MP3 파일 URL 링크들을 확인할 수 있습니다. MP3 링크 갯수가 많아서 링크를 추출하기 번거롭고 눈이 아프다면 EDITPLUS 정규식 치환을 사용해서 단숨에 MP3 파일 링크를 추출해봅시다. EDITPLUS에 태그를 복사해 와서 바꾸기(CTRL+H)기능을 선택하고 아래 (가)를 (나)로 전체 바꾸기 하시면 됩니다. 아래 강조된 도메인은 자신이 사용하는 블로그 도메인으로 바꿔서 써야 됩니다.
(가) ^<DIV.+ data="http://factor.kr/attachment/(.+\.mp3).+(.+\.mp3).+</DIV>
(나) http://factor.kr/attachment/\1
바꾸기를 완료하면 하단에 보이는 디아블로 배경음악들과 같은 MP3 URL 링크목록을 얻을 수 있습니다. MP3 링크들은 아래 HTML 태그 예제 빨간색 부분 처럼 세미콜론(;)으로 구분해서 재생할 순서대로 삽입하시면 됩니다.
아래는 플래시 MP3 뮤직 플레이어를 사용해서 디아블로 배경음악을 재생하고 있습니다.
| <embed FlashVars="autoplay=on&mp3=http://factor.kr/attachment/cm242.mp3;http://factor.kr/attachment/cm236.mp3;http://factor.kr/attachment/dm239.mp3;http://factor.kr/attachment/cm237.mp3;http://factor.kr/attachment/cm238.mp3;http://factor.kr/attachment/dm240.mp3;http://factor.kr/attachment/cm239.mp3;http://factor.kr/attachment/cm240.mp3;http://factor.kr/attachment/cm241.mp3;http://factor.kr/attachment/dm241.mp3;http://factor.kr/attachment/cm243.mp3;http://factor.kr/attachment/cm244.mp3;http://factor.kr/attachment/cm245.mp3;http://factor.kr/attachment/cm246.mp3;http://factor.kr/attachment/dm242.mp3;http://factor.kr/attachment/cm247.mp3;http://factor.kr/attachment/cm248.mp3;http://factor.kr/attachment/dm243.mp3;http://factor.kr/attachment/cm235.mp3;http://factor.kr/attachment/cm249.mp3;http://factor.kr/attachment/dm244.mp3;http://factor.kr/attachment/cm250.mp3;http://factor.kr/attachment/cm251.mp3;http://factor.kr/attachment/dm245.mp3;http://factor.kr/attachment/cm252.mp3;http://factor.kr/attachment/cm253.mp3;http://factor.kr/attachment/dm246.mp3;http://factor.kr/attachment/cm254.mp3;http://factor.kr/attachment/dm238.mp3&skin=http://hompy.us/club/images/sample.jpg" src="http://www.hompydesign.com/club/mymp3.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="500" height="50"></embed> |
아래 뮤직 플레이어는 크기를 줄이고 스킨(배경 사진)도 바꿨으며 자동 재생을 하지 않도록 했습니다. 플레이어 아래 HTML 태그를 참고하세요.
| <embed FlashVars="autoplay=off&mp3=http://factor.kr/attachment/cm242.mp3;http://factor.kr/attachment/cm236.mp3;http://factor.kr/attachment/dm239.mp3;http://factor.kr/attachment/cm237.mp3;http://factor.kr/attachment/cm238.mp3;http://factor.kr/attachment/dm240.mp3;http://factor.kr/attachment/cm239.mp3;http://factor.kr/attachment/cm240.mp3;http://factor.kr/attachment/cm241.mp3;http://factor.kr/attachment/dm241.mp3;http://factor.kr/attachment/cm243.mp3;http://factor.kr/attachment/cm244.mp3;http://factor.kr/attachment/cm245.mp3;http://factor.kr/attachment/cm246.mp3;http://factor.kr/attachment/dm242.mp3;http://factor.kr/attachment/cm247.mp3;http://factor.kr/attachment/cm248.mp3;http://factor.kr/attachment/dm243.mp3;http://factor.kr/attachment/cm235.mp3;http://factor.kr/attachment/cm249.mp3;http://factor.kr/attachment/dm244.mp3;http://factor.kr/attachment/cm250.mp3;http://factor.kr/attachment/cm251.mp3;http://factor.kr/attachment/dm245.mp3;http://factor.kr/attachment/cm252.mp3;http://factor.kr/attachment/cm253.mp3;http://factor.kr/attachment/dm246.mp3;http://factor.kr/attachment/cm254.mp3;http://factor.kr/attachment/dm238.mp3&skin=http://hompy.us/club/images/aqua.jpg" src="http://www.hompydesign.com/club/mymp3.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="200" height="20"></embed> |
[디아블로 배경음악들]
http://factor.kr/attachment/cm236.mp3
http://factor.kr/attachment/dm239.mp3
http://factor.kr/attachment/cm237.mp3
http://factor.kr/attachment/cm238.mp3
http://factor.kr/attachment/dm240.mp3
http://factor.kr/attachment/cm239.mp3
http://factor.kr/attachment/cm240.mp3
http://factor.kr/attachment/cm241.mp3
http://factor.kr/attachment/cm242.mp3
http://factor.kr/attachment/dm241.mp3
http://factor.kr/attachment/cm243.mp3
http://factor.kr/attachment/cm244.mp3
http://factor.kr/attachment/cm245.mp3
http://factor.kr/attachment/cm246.mp3
http://factor.kr/attachment/dm242.mp3
http://factor.kr/attachment/cm247.mp3
http://factor.kr/attachment/cm248.mp3
http://factor.kr/attachment/dm243.mp3
http://factor.kr/attachment/cm235.mp3
http://factor.kr/attachment/cm249.mp3
http://factor.kr/attachment/dm244.mp3
http://factor.kr/attachment/cm250.mp3
http://factor.kr/attachment/cm251.mp3
http://factor.kr/attachment/dm245.mp3
http://factor.kr/attachment/cm252.mp3
http://factor.kr/attachment/cm253.mp3
http://factor.kr/attachment/dm246.mp3
http://factor.kr/attachment/cm254.mp3
http://factor.kr/attachment/dm238.mp3
웹프로그래머의 홈페이지정보 블로그 http://hompy.info
'▩ 태그연습' 카테고리의 다른 글
| 멋진 워크래프트3 배경음악 MP3 16종 감상하기 (0) | 2010.02.08 |
|---|---|
| 색상 모드 (0) | 2010.02.08 |
| 이쁜 도장을 찍어보자 (도장 태그) (0) | 2010.02.02 |
| 폰트 다운 받아 설치 하기 (0) | 2010.02.01 |
| 노을속의 연인들 & 멋진스위시소스 (0) | 2010.01.30 |