출처는 제 마이피입니다, 그러니까... 제가 직접 쓴 겁니다.
혹시 세미시유 게시판 이용자분들에게 유용한 정보가 되지 않을까 싶어 올려봅니다.
(물론 시유음악으로도 얼마든지 만드실 수 있습니다.)
퍼가시는것은 자유입니다. 누군가가 유게에 올려주신다면 오히려 감사할 따름입니다.
아래는 내용 전문입니다.
-------------------------------------------------------------------------
저는 루리웹을 이용하면서 플래시를 이용한 아바타를 만드는 방법을 연구해왔습니다.
어떻게 하면 음악이나 동영상을 원본 그대로 보존하면서 swf로 재생시키는 방법을 말이죠...
사실 액션스크립트는 잘 몰랐지만 계속 욕심을 낸 결과 그러한 방법들을 찾아낼 수 있었습니다.
예전에 유게에서 "Ta-B-Ri-S" 님이 마우스를 가져다 대면 소리가 나는 플래시 만들기라는 정보글을 쓰셨습니다.
저는 오랜 기간의 시행착오를 거쳐 그것을 응용한, 음악이나 동영상을 재생시키는 플래시를 만드는 방법을 알아냈습니다.
이번 시간은 음악을 재생시키는 플래시를 만드는 방법을 설명해드리려고 합니다.
동영상을 재생시키는 플래시는 다음 시간에 설명해드리겠습니다.
그 전에 준비물이 있습니다. 준비물이 뭐냐면...
일단 음악으로 쓰여질 mp3파일(오직 mp3파일만 유효합니다. wma, ogg, wmv 그런거 안 됩니다...),
mp3파일 앨범아트 이미지(혹은 앨범 커버라고도 하죠),
그리고 구글드라이브 계정 입니다.
모두 준비되셨다면... 강좌를 시작하겠습니다.
먼저 이 fla파일(클릭하시면 다운로드됩니다.)을 다운받아주시기 바랍니다.
(이 fla 파일의 액션스크립트 버전은 1.0 & 2.0 입니다.)
여기서 검은색 화살표 툴을 선택하시고 짙은 파란색 정사각형을 더블클릭합니다.
더블클릭하시면 이런 화면이 나올겁니다.
여기서 빨간색 네모로 쳐져 있는 "업, 오버, 다운"이라는 단어들이 보이실겁니다.
그 단어 밑에 각각 "업, 오버" 자리를 차지하는 회색 네모와 "다운" 자리를 차지하는 회색 네모가 있을텐데
이때 짙은 파란색 정사각형을 클릭하시면 "업, 오버" 자리를 차지하는 회색 네모가 파란색으로 선택되어집니다.
그 상태에서 "과감히!" delete키를 누릅니다.
delete키를 눌렀는데도 짙은 파란색 정사각형이 지워지지 않는다면 짙은 파란색 정사각형을 클릭하시고 delete키를 누르시길 바랍니다.
그 다음에는 준비해두었던 앨범아트 이미지를 플래시가 실행되고 있는 창 위로 끌어내고 이미지가 그 창 영역 안으로 들어왔으면 마우스 커서를 뗍니다.
그러면 이렇게 앨범커버 이미지가 불러와지게 됩니다.
여기서 붉은색 네모 안에 X값과 Y값, 그리고 이미지의 가로 길이와 세로 길이의 값이 나오는데
X값과 Y값 모두 0으로 맞추시고 이미지의 가로와 세로의 길이는 루리웹 플래시 아바타 크기 규격에 맞게 150×150으로 맞추시기 바랍니다.
(이 사진에서 조그맣게 쇠사슬 그림이 보이실텐데 쇠사슬이 이어져 있는 상태고, 앨범커버 이미지가 정사각형 모양을 하고 있다면
그냥 가로 길이값이나 세로 길이값 중 한곳만 클릭하셔서 150으로 써 놓으시면 됩니다.)
오른쪽 클릭을 하시고 "복사"를 클릭합니다. 그리고 이제 "다운" 자리를 차지하는 회색 네모를 클릭합니다.
다시 "짙은 파란색 정사각형"이 나오는군요... 이것도 과감히 지웁니다.
다시 오른쪽 클릭을 하시고 "제자리에 붙여넣기"를 클릭합니다.
다 되셨으면 앨범 커버가 아닌 영역을 더블클릭하셔서 이 화면처럼 다시 빠져나옵니다.
이제, 재생시킬 mp3파일의 확장자를 바꿀 차례입니다. ".mp3"라고 되어 있는 확장자를 ".jpg"나 ".png"로 바꿔줍니다.
darknamer라는 프로그램을 이용하시면 좀더 편리하게 확장자를 바꾸실 수 있습니다.
(darknamer 다운로드)
혹은 탐색기를 열어 alt키를 누르고 도구→폴더 옵션에서 "보기" 탭을 클릭한 뒤
"알려진 파일 형식의 파일 확장명 숨기기" 옵션 체크를 해제하고 확인을 누르시면 확장자를 변경하실 수 있습니다.
여기서, 왜 확장자를 바꾸냐고 물으실 수도 있을겁니다. 이 mp3파일은 구글드라이브에 올려질 것인데
지금 만드는 아바타에서 재생되는 음악 파일은 자신이 올려 놓았던 구글드라이브의 파일 경로가 불러와져서 재생되는 것이기 때문에
따라서, 루리웹에서 쓴 자기 글의 조회수가 많아질수록 루리웹에서의 트래픽량이 증가함에 따라, 구글드라이브 서버에도 트래픽 부하가 걸립니다.
물론 그대로 확장자를 mp3로 해서 플래시아바타로 만들 수는 있지만...
그런데 확장자를 jpg나 png같은 이미지 파일 확장자를 쓰는 경우,
확장자를 바꾸면 트래픽이 걸리지 않는것인지, 아니면 트래픽 과부하 상태가 되어도 문제가 없게 되는 것인지 아직은 모르겠지만
...아, 설명이 좀 쓸데없이 길었네요, 죄송합니다. 다시 강좌로 넘어가겠습니다.
jpg나 png로 확장자를 바꾼 mp3파일을 구글드라이브에 올립니다.
업로드가 다 되었으면 "공유"를 클릭하시거나 올려진 파일 위에 마우스 커서를 올리고 오른쪽 클릭→"공유"를 클릭합니다.
"공유 가능한 링크 가져오기"를 클릭하시고 "링크가 있는 모든 사용자가 볼 수 있음"을 클릭합니다.
"더보기"를 클릭합니다.
"사용 - 웹에 공개"를 체크한 뒤, 저장버튼을 누릅니다.
그리고나서 "링크 복사"를 클릭합니다. 그 직후 텍스트 입력란에 복사한 주소를 붙여넣으면
https://drive.google.com/file/d/@#$%^&*/view?usp=sharing
이런 형식으로 나올것입니다.
하지만 이 주소는 파일을 다운로드하는 페이지로 연결되는 주소일 뿐, 직접적인 파일 경로가 아닙니다.
직접적인 파일 경로는
http://www.googledrive.com/host/@#$%^&* 입니다.
이제, 플래시창으로 돌아와서 F9키를 눌러 액션스크립트 창을 엽니다. 이 창에서 http://mp3파일경로를 아까 올렸던 파일 경로인 http://www.googledrive.com/host/@#$%^&*로 바꾸어줍니다.
참고로, 이 플래시는 음악을 반복 재생시킵니다. 만약 반복 재생을 원하지 않으신다면 액션스크립트 창에 쓰여져 있는
my_sound.onSoundComplete = function() {
my_sound.start();
}
을 지워주시기 바랍니다.
액션스크립트 버전은 반드시 1.0 & 2.0 으로 설정해놓으시기 바랍니다.
이제 거의 다 끝났습니다. 파일→내보내기→동영상 내보내기를 클릭하시고 원하시는 경로를 정하신 뒤, swf파일을 생성합니다.
드디어... 완성했습니다!!!! 이제 이 swf파일을 아바타로 적용하시면 됩니다.
아래는 그 완성본입니다.
보너스로 완성된 플래시들을 더 보여드리겠습니다.
(주의 : 로드 중 시간이 걸리며, 램 부하가 걸리실 수 있습니다.)
김정민 - 마지막 사랑 (Drama ver.)
한경일 - 내 삶의 반
이선희 - 그 중에 그대를 만나
시유 - 각개전투
김정민 & 양정승 - 바라보다
음... 이 강좌를 쓰는데 스크린샷을 일일히 찍고 태그를 적고 하다보니 꽤 오랜 시간이 걸렸네요...
그래서 당분간은 좀 쉬어볼까...(퍽! 퍽!) 아... 아닙니다;;;
다음번에는 동영상을 재생시키는 플래시아바타를 만드는 방법을 설명해드릴까 합니다.
완료
모두들 수고하셨습니다, 그리고 제 어설픈 강좌를 봐 주셔서 감사합니다.
(IP보기클릭).***.***
아니 이런... 추천먹어! 닥치고 먹어!
(IP보기클릭).***.***
아니 이런... 추천먹어! 닥치고 먹어!
(IP보기클릭).***.***
(IP보기클릭).***.***
(IP보기클릭).***.***
(IP보기클릭).***.***
(IP보기클릭).***.***
(IP보기클릭).***.***
(IP보기클릭).***.***
삭제된 댓글입니다.
(IP보기클릭).***.***
(IP보기클릭).***.***
(IP보기클릭).***.***
(IP보기클릭).***.***