AS3.0 으로 제작해보는 풀스크린 플레시

AS3.0 으로 제작해보는 풀스크린 플레시

2011. 6. 29. 23:19ㆍ컴퓨터_computer/FLASH

일단 비디오 불러오기로 flv 파일을 불러 오시고 flvplayback 위에 알파값이 0 인 무비클립을 하나 만들어 줍니다

그리고 아래와 같은 코드를 액션창에 기입합니다

import fl.video.VideoEvent;

//이부분은 AS3.0 으로 만드는 flv를 따와서 만드는 플짤을 참고하시기 바랍니다

mov.autoRewind = true;

//저는 flvplayback의 인스턴스네임을 mov로 지정했습니다

//이부분 역시 AS3.0 으로 만드는 flv를 따와서 만드는 플짤을 참고 하시기 바랍니다

mov.addEventListener(fl.video.VideoEvent.REWIND, _rewind);

//이부분도...

btn.buttonMode = true;

//btn이라는 무비클립의 버튼모드를 작동하게 하는 코드 입니다

//역시 안하셔도 기능상의 차이는 없습니다

btn.addEventListener(MouseEvent.CLICK, _click);

//클릭 했을때 _click 이라는 이벤트가 발생한다는 것입니다

function _click(e:MouseEvent):void

{

stage.displayState = "fullScreen"

//이게 바로 풀스크린을 만드는 코드 입니다 사실 이 강좌는 이거 하나 표현하기위해 만든겁니다

}

function _rewind(e:fl.video.VideoEvent):void

{

trace("완료");

MovieClip(this.root).mov.play();

}

//이부분은 지난 예제와 같습니다....

뭐 이러이러 합니다

중요한 점은 stage.displayState = "fullScreen" 입니다

예제가 flv를 따서 쓰는 방식이라 나머지 코드가 필요했지 실상 풀스크린 모드를 만드는 코드는 저것입니다

풀스크린에서 일반 크기로 다시 되돌리는 코드는 state.displayState = "normal" 입니다

물론 esc를 누르면 되돌아오기 때문에 저는 위와 같은 코드를 안 썻습니다

또한 풀스크린이 되도 플래시 크기가 변형되지 않길 원한다면 stage.scaleMode = StageScaleMode.NO_SCALE;

이 코드를 써 넣어주시길 바랍니다

뭐 나머지 풀스크린에 대한 내용은 help를 참조해 주시기 바라고

예제와 같은 플짤을 만들고 플래시에서 실험을 하면 잘 나옴니다

근데 웹에 올린다 치면 하나 더 써줘야 하는 태그가 잇습니다

바로 이것입니다

티스토리툴바