플래시(flash) MP3 뮤직 플레이어로 워크래프트3(Warcraft III) 배경음악 16개를 연속해서 재생해보겠습니다. 워크래프트 배경음악 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 뮤직 플레이어를 사용해서 워크래프트3 배경음악을 재생하고 있습니다.
| <embed FlashVars="autoplay=on&mp3=http://factor.kr/attachment/cn311.mp3;http://factor.kr/attachment/dn303.mp3;http://factor.kr/attachment/cn310.mp3;http://factor.kr/attachment/dn304.mp3;http://factor.kr/attachment/dn305.mp3;http://factor.kr/attachment/cn312.mp3;http://factor.kr/attachment/dn306.mp3;http://factor.kr/attachment/cn313.mp3;http://factor.kr/attachment/cn314.mp3;http://factor.kr/attachment/dn307.mp3;http://factor.kr/attachment/dn308.mp3;http://factor.kr/attachment/dn309.mp3;http://factor.kr/attachment/dn310.mp3;http://factor.kr/attachment/cn315.mp3;http://factor.kr/attachment/dn311.mp3;http://factor.kr/attachment/cn309.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/cn311.mp3;http://factor.kr/attachment/dn303.mp3;http://factor.kr/attachment/cn310.mp3;http://factor.kr/attachment/dn304.mp3;http://factor.kr/attachment/dn305.mp3;http://factor.kr/attachment/cn312.mp3;http://factor.kr/attachment/dn306.mp3;http://factor.kr/attachment/cn313.mp3;http://factor.kr/attachment/cn314.mp3;http://factor.kr/attachment/dn307.mp3;http://factor.kr/attachment/dn308.mp3;http://factor.kr/attachment/dn309.mp3;http://factor.kr/attachment/dn310.mp3;http://factor.kr/attachment/cn315.mp3;http://factor.kr/attachment/dn311.mp3;http://factor.kr/attachment/cn309.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> |
[워크래프트3 배경음악 URL 링크]
http://factor.kr/attachment/dn303.mp3
http://factor.kr/attachment/cn310.mp3
http://factor.kr/attachment/cn311.mp3
http://factor.kr/attachment/dn304.mp3
http://factor.kr/attachment/dn305.mp3
http://factor.kr/attachment/cn312.mp3
http://factor.kr/attachment/dn306.mp3
http://factor.kr/attachment/cn313.mp3
http://factor.kr/attachment/cn314.mp3
http://factor.kr/attachment/dn307.mp3
http://factor.kr/attachment/dn308.mp3
http://factor.kr/attachment/dn309.mp3
http://factor.kr/attachment/dn310.mp3
http://factor.kr/attachment/cn315.mp3
http://factor.kr/attachment/dn311.mp3
http://factor.kr/attachment/cn309.mp3
플래시를 복사해서 붙이는 과정을 잘 모르시는 분들은 "플래시 다운로드 및 복사 방법 이모저모에 동영상과 부연설명 추가" 게시물의 설명과 동영상을 참고하세요.
웹프로그래머의 홈페이지정보 블로그 http://hompy.info
'▩ 태그연습' 카테고리의 다른 글
| ♣이미지 위에 아이콘과 글넣기 ♣ (0) | 2011.03.09 |
|---|---|
| 끝내주는 정보 스위시 공부방 (0) | 2010.02.16 |
| 색상 모드 (0) | 2010.02.08 |
| 플래시 MP3 플레이어의 활용 (예제:디아블로2 배경음악) (0) | 2010.02.08 |
| 이쁜 도장을 찍어보자 (도장 태그) (0) | 2010.02.02 |