이번 시간에는 핫산한 결과물을 github에 올려서

웹 브라우저에서 감상하거나, 다른 사람과 공유하는 방법을 알아볼 거임

안드로이드라면 모르겠지만 

아이폰은 브라우저에서 html 코드로도 플래시 재생이 안먹을 거임

그래서 모바게 자체 기술로 추정되는 

웹에서 플래시를 재생하는 기술로 재생 시킬 예정임

기본적으로 github 사용법 숙지를 해야하니

검색해서 알아서 가입하고

여기 를 참고하기를 바람

가입을 완료했으면 페이지 오른쪽 위에 + 버튼을 누르고

Import repository를 누른다

그러면 위 같은 페이지가 나올텐데 

[ https://github.com/furiousjhin/FlashUploadTest ]

저기 빈 칸에 채워넣고

Name 에 원하는 깃허브 이름을 넣는다

(스샷을 잘못찍어서 저기에는 없음)

Begin Import를 눌러준다

조금만 기다리면 업로드가 완료되는데

여기서 폴더 movieplayer 를 클릭하고 들어가서

오른쪽 위에 Create new file 버튼을 누르자

그러면 이런 창이 나오는데 Name your file 이라고 쓰여진 빈칸에 마음대로 폴더 이름을 적고 '/'를 쓴 다음에

index.html 을 적고 스크롤을 내려서 Commit new file 을 눌러서 파일을 만들자

이제 모바마스에 접속해서 핫산했거나 핫산할 플래시 재생 페이지에서

F12를 누르고 Sources 탭에 들어간다

그리고 폴더 아이콘 모양 + 12008305 아래에 ?guid=ON 뭐라고 되어있는 것을 더블클릭하고

나오는 코드를 전부 복사하자

그 다음에는 여기 에 들어가서 복사한 코드를 붙여넣기하고

아래에 Beautify JavaScript or HTML을 눌러서 코드를 정리한다

아까 만들어두었던 index.html을 클릭해서 연필 아이콘 모양인 Edit this file을 누른다

그리고 정리한 코드를 붙여넣는데 여기서 바꿔줘야 할 것은 다음과 같다

1. 맨 위에 "ja" -> "ko"

2. .css, .js 파일 경로를 바꿔줘야 한다

http://sp.pf-img-a.mbga.jp/12008305/?guid=ON&url=http://125.6.169.35/idolmaster/css/game/pex.css?v=20170809173112

(이런식으로 경로가 되어있는데,)

[http://sp.pf-img-a.mbga.jp/12008305/?guid=ON&url=http://125.6.169.35/idolmaster/]css/game/pex.css?v=20170809173112

(http:// ~ idolmaster/ 앞 까지 전부 지우고)

../../12008305/css/game/pex.css?v=20170809173112

(../../12008305/ 를 붙인 다음에)

../../12008305/css/game/pex.css

(/ -> / , 그리고 .css 나 .js 뒤에 있는 글자를 지워주자. 안지워줘도 되는데 있으면 지저분해 보이니까)

단 예외적으로 밑에 있는 css/base.css는 12008305를 안 붙여준다

이렇게 대략 6~8개 정도의 주소를 바꿔주면 되는데

그렇게 긴 게 아니니까 찾다보면 어렵지 않게 바꿀 수 있음

( 스샷에는 ../../../ 로 되어있는데 ../../ 로 바꿔 )

3. 마지막으로 재생할 플래시의 경로를 수정해주면 된다.

플래시 경로는 var pex = new Pex('~~~~~', "container", option); 에서 앞에 ~~~~ 부분을 바꿔주면 된다.

가장 간단하게 하는 법은 이 index.html가 있는 폴더에 플래시를 같이 업로드하고

업로드한 파일의 이름.swf를 적어주면 됨

나는 같은 폴더에 episode.swf를 업로드 했으므로 저렇게 했음

수정이 다 끝났다면 commit change를 눌러서 저장하자

마지막으로 가장 중요한 핫산한 플래시 파일을 업로드 하면 된다.

역시나 가장 간편하게 하는 건 그냥 

Upload file 버튼을 누르고, 드래그 앤 드랍으로

index.html 파일이 있는 폴더에 같이 업로드 하면 됨

그리고 Settings에 들어가서, Source 부분에 none -> master branch로 바꿔주고 Save를 누르면

깃허브 페이지가 생성이 되고 이제 웹에서 플래시를 재생할 준비가 다 된 거임

재생 페이지는 기본적으로 

https://깃허브 아이디.github.io/깃허브 페이지 이름/movieplayer/아까 생성한 폴더 이름/