자, 이번에는 동영상을 재생시키는 아바타를 만드는 방법을 설명드리겠습니다.
이번 준비물은...
mp4 또는 flv 파일
전 강좌의 준비물이었던 "구글드라이브 계정". 이 두가지입니다.
그럼 이번에도 강좌를 시작하겠습니다. 잘 부탁드립니다.
(는 사실상 이전 강좌 재탕입니다만...)
이번에도... 먼저 fla파일을 다운받습니다.
(↑가지고 계시는 영상의 화면 비율에 따라 택일로 다운받으시면 됩니다.)
동영상의 확장자를 .jpg나 .png로 바꿔줍니다. 그 다음, 동영상파일을 구글드라이브에 올립니다.
업로드가 다 되었으면 "공유"를 클릭하시거나 올려진 파일 위에 마우스 커서를 올리고 오른쪽 클릭→"공유"를 클릭합니다.
"공유 가능한 링크 가져오기"를 클릭하시고
"링크가 있는 모든 사용자가 볼 수 있음"을 클릭합니다.
"더보기"를 클릭합니다.
"사용 - 웹에 공개"를 체크한 뒤, 저장버튼을 누릅니다. 주소 복사를 하시고 텍스트란에 붙여넣으신 후,
https://drive.google.com/file/d/@#$%^&*/view?usp=sharing → http://www.googledrive.com/host/@#$%^&* 로 바꿉니다.
여기까지는 이전 강좌와 똑같습니다. 자, 그럼 이제 플래시 창을 열어보겠습니다.
재생시키려는 동영상이 16:9 비율이면 "스트리밍16_9.fla"를, 4:3 비율이면 "스트리밍4_3.fla"를 열어주시면 됩니다.
여기서 눈여겨 보실것은 제가 붉은색 네모를 친 부분입니다.
"구성 요소 매개 변수" 메뉴입니다.
혹시 화면이 이렇게 나오신다고요?
그렇다면 위 스크린샷처럼 붉은색 원 으로 표시되어 있는 '▷' 모양을 클릭하시면 "구성 요소 매개 변수" 메뉴가 나타날 것입니다.
contentPath 속성에서 맨 오른쪽에 있는 연필 그림을 클릭합니다.
동영상 파일 경로를 입력합니다. 그리고 "확인"버튼을 누릅니다.
"소스 크기 일치" 체크는 해제하시는게 좋습니다.
(체크된 상태로 확인을 누르시면 다시 동영상을 재생시킬 영역의 크기, 위치를 조정해야 하는 번거로움이 발생합니다.)
확인을 누르시면 잠시 컴퓨터가 자동으로 동영상의 정보를 가져오는 작업을 합니다.
bufferTime 속성이 있는데 입력란에다 1 이상의 숫자를 쓰시면 좋습니다.
(참고로 저는 1로 설정했습니다.)
왜냐하면 이것도 반복재생이 되게 설정을 해 놓은 상태인데
동영상이 끝나고 다시 시작될 때 이상하게 아주 잠깐동안 영상이 멈춰있는 상태에서
오디오만 재생이 되다가 다시 싱크가 맞게 되는 현상을 발견했습니다.
그런데 bufferTime 속성을 1로 설정을 해놓자 그 현상이 없어졌습니다.
혹시 좀더 많은 용량의 동영상을 재생시키신다면 1보다 조금 높은 수치로 하셔도 좋겠습니다.
하지만 그 수치를 너무 높게 설정하시면 동영상이 늦게 시작될 수도 있으니 주의하시기 바랍니다.
그리고 나서 swf 파일을 생성하시면 됩니다.
※ 혹시 원하시는 분이 있지 않을까 생각해서 보너스로 여백 색상 설명을 조금 추가합니다 (필수가 아닌 선택사항입니다.)
여러분은 정사각형 모양의 아바타 내에서 동영상을 재생시킬 겁니다. 하지만 그 동영상의 모양은 정사각형이 아니죠.
아까의 "스트리밍16_9.fla", "스트리밍4_3.fla" 처럼 현재 대부분의 동영상은 16:9 비율 또는 4:3 비율이 많습니다.
(2007년 이전까지는 4:3이 많이 쓰였지만 2007년부터는 16:9 비율이 많이 쓰이고 있습니다.)
어쨌든 직사각형 형태로 나타내지는데 그러한 영상들을 아바타로 재생시킨다면
정사각형 내에 영상이 재생되는 직사각형이 하나 있는 상태가 되고 그 나머지 부분들은 전부 여백이 될 것입니다.
저는 눈의 피로를 덜기 위해 그 남는 여백의 색상은 가급적이면 무채색인 검정색이나 흰색으로 설정합니다.
그래서 사실은 그냥 이정도 까지만 하고 swf파일을 생성하면 끝인데...
혹시 그 여백의 색상을 변경하시고 싶으신 분들이 계실까봐 조금 더 설명해드리겠습니다.
위의 스크린샷에 보이는 검정색 정사각형을 이렇게 마우스로 드래그하셔서 선택하시면
위 스크린샷처럼 될 것입니다.
파란색 실선이 보이실텐데 정 가운데 있는 직사각형이 영상이 재생될 영역이고 나머지는 여백입니다.
각 영역(세 영역으로 보이지만 사실상 두 영역)이 그 파란색 실선으로 구분되어있는겁니다.
그 여백 영역을 더블클릭합니다.
또다른 검정색 정사각형이 보이는군요...
검정색 정사각형을 클릭하시고
페인트통 그림 아래에 있는 사각형을 클릭합니다.
원하시는 색으로 선택합니다.
오른쪽 클릭→복사를 누릅니다.
"다운" 아래의 회색 상자를 클릭하시고 오른쪽 클릭→붙여넣기 하신 뒤, X값과 Y값을 맞추는 위치 조정을 합니다.
그리고 다시 정사각형이 아닌 영역을 더블클릭하셔서 빠져나옵니다.
파일→내보내기→동영상 내보내기를 클릭하시고 원하시는 경로를 정하신 뒤, swf파일을 생성합니다.
아래는 완성본입니다.
이번 강좌도 여러분에게 많은 도움이 되셨기를 바라며 다음에는 랜덤로드무비에 대해서 알려드리겠습니다.
감사합니다.
(IP보기클릭).***.***
(IP보기클릭).***.***
(IP보기클릭).***.***