34540 swf영상 플레이어 만들기 [14]
Minerals : 13,302,601 / Level :
빌
DATE : 2014-09-02 23:30:59 / READ : 10206
준비물: 사진 편집도구(플레이어틀 만들기용), Adobe Flash Pro CS5, 다음팟 인코더(swf파일 만들기용)
우선 다음팟 인코더를 통해 재생시킬 영상들을 swf파일로 변환시켜줌
그리고 포토샵같은 사진편집프로그램을 이용하여 플레이어틀을 만들어
이게 내가 만든 플레이어틀(660px X 660px)
그후 Adobe Flash Pro CS5를 키고 액션스크립트2.0을 클릭
에디트 버튼을 클릭한 후 플레이어틀 크기에 맞춰서 변경
그후 File→Import→Import To Stage 클릭 후 플레이어틀을 불러오기
플레이어틀을 불러온 후 네모칸의 좌표값을 모두 0으로 변경
Rectangle Tool클릭 후 네모칸과 같이 설정
그리고 회색공간에 네모칸을 드래그해서 만듬
네모칸을 만들었으면 네모칸 우클릭 후 Convert To Symbol...클릭
그후 버튼을 플레이어틀의 버튼의 크기와 같게 크기 변경
그리고 만든 네모칸을 우클릭한다음 Actions클릭
on (release) {
var mc:MovieClip = this.createEmptyMovieClip("mc", this.swapDepths(getNextHighestDepth()));
this.mc.loadMovie("영상주소");
this.mc._x = 0
this.mc._y = 0;}
그리고 위에 소스를 복사해서 붙여넣기함
다른 버튼들은 아까 소스까지 붙여넣었던 버튼들 복붙함
소스와 크기 모두 복사됨
그러면 화면이 위에 사진처럼 바뀜
타임라인 클릭 후 Over우클릭 후 Insert Keyframe클릭
Over클릭후 Paint Bucket Tool클릭
알파는 투명도
Over는 마우스를 댔을때의 버튼의 효과를 주는 거임
알파값을 조절하여 색변화를 줌
알파값을 0을 주면 효과변화없음
다음은 플레이어 재생창을 클릭시 영상 정지버튼을 만드는 거임
아까 버튼을 만드는 방법과 동일하게 버튼을 만듬 재생창크기로 맞추는 것도 필수
만든 창을 더블 클릭
그리고 Up의 점을 드래그해서 HIT로 끌고옴
정지버튼 우클릭후 Actions 클릭 그리고 아까 소스를 복붙
그리고 영상주소는 지워버림
그리고 중요한 단계임
모든 버튼들에 영상이 재생되는 위치를 설정해 줘야함
플레이어틀에서 영상이 재생될 위치가 얼마나 얼마나 떨어져있는지를 알아야함
x값은 왼쪽에서 얼마나 떨어져있는지
y값은 위쪽에서 얼마나 떨어져있는지를 나타냄
값을 입력해줌
일단 여기까지하고 인터넷을 킴
그리고 구글드라이브로 들어감
아디 없으면 만들어
존나 좋아
들어왔으면 만들기로 폴더 하나 만듬
만든 폴더를 우클릭 후 공유클릭 후 웹에 공개 선택
다음팟 인코더로 swf파일로 변환시킨 파일을 업로드
그리고 업로드 시킨 파일을 Ctrl+좌클릭하여 새창으로 열음
그후 http://googledrive.com/host/아까 복사한것 복붙
그리고 다시 http://googledrive.com/host/주소 복사
※정지버튼에는 복붙 하는거 아님
※http:// 이거 꼭써줘야됨
그리고나서 File→Export→Export Movie...클릭
그리고 영상 저장
다시 구글드라이브로 돌아와서 만든 플레이어를 업로드
그리고 아까처럼 Ctrl+죄클릭으로 새창열음
그리고 다시 아까처럼 그부분만 때서 새로 주소를 위에처럼 씀
htpp://googledrive.com/host/주소
그리고 그 주소를 복붙해서 들어가보면 이러게 쫙하고 뜸
이제 이것을 와고나 다른 사이트에 올릴려면
embed 코드를 이용해야됨
<embed src="주소" height="플레이어틀 높이" width="플레이어틀 넓이">
위에 코드를 니네가 만들 틀에 맞춰서 주소와 높이, 넓이를 채우면 됨
그리고 와고 글쓰기에서 html버튼이나 플래쉬동영상버튼에서 다채운 소스를 복붙하면 끝
이건 완성작