'AS3.0 Cookbook/비디오'에 해당되는 글 5건
- 2008.09.20 비디오 객체에 PC카메라 붙이기
- 2008.09.16 FMS에서 비디오 호출
- 2008.08.17 비디오의 제어 속성들 6
- 2008.08.17 비디오 재생하기
- 2008.08.17 비디오 프로그래밍 2
AS3.0 Cookbook/비디오2008. 9. 20. 19:28
AS3.0 Cookbook/비디오2008. 9. 16. 18:34
FMS에서는 파일명의 확장자를 설정하지 않는다. 즉 play()에서 호출하는 것은 rtmp에 있는 파일명까지만 호출한다.
FMS는 일반 HTTP와 다르게 몇가지 설정을 더해주어야 한다.
1. NetConnection의 인코딩방식을 ObjectEncoding.AMF3 ( AMF0 , AMF3 , DEFAULT )으로 static 메서드에 설정한다.(기본은 AMF3를 사용한다 )
- NetConnection.defaultObjectEncoding= ObjectEncoding.AMF3;
- ObjectEncoding.AMF0 : ActionScript 1.0 및 2.0용 AMF를 사용하여 객체를 직렬화하도록 지정합니다.
- ObjectEncoding.AMF3 : ActionScript 3.0용 AMF를 사용하여 객체를 직렬화하도록 지정합니다.
- ObjectEncoding.DEFAULT : 현재 플레이어의 기본(최신) 형식을 지정합니다.
2. NetConnection 커넥션은 null이 아니고 서비스할 서버의 rtmp주소를 설정한다.
- NetConnection.connect( "rtmp://domain/" );
3. FMS에서 콜벡하는 함수 onBWDone()를 만들어 놓는다(단 파라미터는 비어 있도록 한다.)
- 함수는 onMetaData와 같이 public이거나 오브젝트에 포함하여 선언해두면 된다.
- private function onBWDone( ):void
{
}
AS3.0 Cookbook/비디오2008. 8. 17. 13:02
비디오 파일을 제어하기 위해서는 몇가지 속성을 알아야한다. 이러한 속성은 대부분 NetStream()클래스를 통해서 얻게 된다.
우선 전체재생시간은 NetStream이 onMetaData() 콜벡호출시 duration이라는 값으로 알게 된다.
그리고 현재 재생시간을 알기 위해서는 NetStream의 time속성을 통해 현재 재생시간을 알 수 있다.
최초 재생할 파일을 선택하고 재생하는 것은 NetStream의 play()에서 하지만 이 후 정지와 다시 재생은 NetStream의 pause()와 resume()메서드를 통해 간단하게 구현할 수 있다.
게다가 NetStream에는 seek()라는 메서드를 제공하는 재생할 시간을 입력하면 그 시간과 가장 가까운 비디오 프레임을 재생하게 된다.
* seek시 가까운 프레임 헤더란?
비디오 파일은 시간 압축되어 있는 파일이다. 즉 모든 영상정보를 저장하는것이 아니고 특정 구간마다 거의 움직이지 않는 장면을 한개 저장하고 있다가 조금씩 움직이는 부분의 영상정보를 저장하여 보여준다. 즉 플래시 무비를 만들 때 배경은 1개의 프레임으로 1개의 레이어를 소비하지만 다른 움직이는 것을 여러개의 프레임을 가지고 있다. 이처럼 배경이나 큰 움직임이 있을때만 비디오 프레임이 갱신되고 이후에는 앞서 갱신된 프레임만 보여주기 때문에 정확한 seek위치가 나오질 않는다. 가령 비디오가 시작시 배경만 갱신되고 이후 특정부위만 움직일때 다시 갱신이 없다면 seek하면 제일 처음부터 재생된다는 것이다.
비디오의 사운드를 제어하기 위해서는 NetStream클래스의 속성인 soundTransform에 제어된 soundTransform를 대입한다. 이방법은 SoundChannel과 같은 방법으로 사용한다.
또한 사용자 네트워크가 느린 경우를 생각하여 NetStream에는 bufferTime이라는 속성이 있다. 이는 최초 재생시 또는 중간에 끊김 이후 재생시 설정한 시간동안 데이터를 받고 해당시간이 되면 재생하도록 하는 버퍼타임을 설정한다.
위에서 언급한 속성과 메서드만 있으면 재생/정지 , 프로그래시브바 , skip등 많은 일들을 할 수 있고 이 모든 것은 NetStream()을 통해서 이루어 진다. 아마 어도비에서도 각 클래스를 분담해서 작업했겠지만 사운드도 이처럼 조금 더 제어 클래스에 집중화 되었더라면 하는 아쉬움이 남는다...
위 무비는 재생이 끝나면 Video의 clear()메서드를 통해 화면을 지웠다. 따라서 아래의 무비처럼 재생 종료 후 영상이 남지 않는다. clear()는 removeChild()와 달리 비디오의 현재 재생화면만 지울 뿐 디스플레이 리스트에서 지워지는 것이 아니기 때문에 언제라도 play()가 이루어 지면 화면을 보여주게 된다. 시시콜콜한 소린 왜 했는가면 책(오라일리)에서 이 둘을 같은 개념으로 설명했기에 차이점을 짚어보고 싶었다...
우선 전체재생시간은 NetStream이 onMetaData() 콜벡호출시 duration이라는 값으로 알게 된다.
그리고 현재 재생시간을 알기 위해서는 NetStream의 time속성을 통해 현재 재생시간을 알 수 있다.
최초 재생할 파일을 선택하고 재생하는 것은 NetStream의 play()에서 하지만 이 후 정지와 다시 재생은 NetStream의 pause()와 resume()메서드를 통해 간단하게 구현할 수 있다.
게다가 NetStream에는 seek()라는 메서드를 제공하는 재생할 시간을 입력하면 그 시간과 가장 가까운 비디오 프레임을 재생하게 된다.
* seek시 가까운 프레임 헤더란?
비디오 파일은 시간 압축되어 있는 파일이다. 즉 모든 영상정보를 저장하는것이 아니고 특정 구간마다 거의 움직이지 않는 장면을 한개 저장하고 있다가 조금씩 움직이는 부분의 영상정보를 저장하여 보여준다. 즉 플래시 무비를 만들 때 배경은 1개의 프레임으로 1개의 레이어를 소비하지만 다른 움직이는 것을 여러개의 프레임을 가지고 있다. 이처럼 배경이나 큰 움직임이 있을때만 비디오 프레임이 갱신되고 이후에는 앞서 갱신된 프레임만 보여주기 때문에 정확한 seek위치가 나오질 않는다. 가령 비디오가 시작시 배경만 갱신되고 이후 특정부위만 움직일때 다시 갱신이 없다면 seek하면 제일 처음부터 재생된다는 것이다.
비디오의 사운드를 제어하기 위해서는 NetStream클래스의 속성인 soundTransform에 제어된 soundTransform를 대입한다. 이방법은 SoundChannel과 같은 방법으로 사용한다.
또한 사용자 네트워크가 느린 경우를 생각하여 NetStream에는 bufferTime이라는 속성이 있다. 이는 최초 재생시 또는 중간에 끊김 이후 재생시 설정한 시간동안 데이터를 받고 해당시간이 되면 재생하도록 하는 버퍼타임을 설정한다.
위에서 언급한 속성과 메서드만 있으면 재생/정지 , 프로그래시브바 , skip등 많은 일들을 할 수 있고 이 모든 것은 NetStream()을 통해서 이루어 진다. 아마 어도비에서도 각 클래스를 분담해서 작업했겠지만 사운드도 이처럼 조금 더 제어 클래스에 집중화 되었더라면 하는 아쉬움이 남는다...
위 무비는 재생이 끝나면 Video의 clear()메서드를 통해 화면을 지웠다. 따라서 아래의 무비처럼 재생 종료 후 영상이 남지 않는다. clear()는 removeChild()와 달리 비디오의 현재 재생화면만 지울 뿐 디스플레이 리스트에서 지워지는 것이 아니기 때문에 언제라도 play()가 이루어 지면 화면을 보여주게 된다. 시시콜콜한 소린 왜 했는가면 책(오라일리)에서 이 둘을 같은 개념으로 설명했기에 차이점을 짚어보고 싶었다...
AS3.0 Cookbook/비디오2008. 8. 17. 12:43
비디오를 재생하기 위해서는 앞서 설명했듯이 NetConnection와 NetStream 그리고 Video클래스를 통해 플래시 플레이어에서 보여주게 된다.
var netc:NetConnection = new NetConnection();
일반서버에는 보통 null값을 사용하여 서버를 열게 됩니다.
netc.connect( null );
NetConnection의 delegate가 선언되면 이를 관리할 NetStream을 생성하고
NetConnection을 생성자에 입력합니다.
var nets:NetStream = new NetStream( netc );
- 콜백 메서드가 호출되는 객체를 반드시 지정합니다.
- 보통은 같은 클래스에 넣어서 this로 경로를 지정하고(스코프를 맞추기 위해...)
- 콜벡하는 객체에는 최소한onMetaData(Object)함수가 있어야 하고
- flv에 cuePoint가 설정되어있다면 플레이어는 onCuePoint(Object)를 호출한다.
따라서 콜벡경로에 같이 만들어 두는 것이 좋다
var meta:Object = new Object();
meta.onMetaData = onMeta;
meta.onCuePoint = onCue;
nets.client = meta;
비디오 클래스를 통해 디스플레이 리스트에 등록하여 가시적으로 보여주게 한다.
var video:Video = new Video(500 , 375);
video에서 사용할 데이터(NetStream)를 연결한다.
video.attachNetStream( nets );
addChild( video );
비디오 클래스의play()는 사운드의 play처럼 사용하고자 하는 데이터를 열기도 하지만 동시에 재생을 한다.
video.play( "재생할 URL" )
이처럼 설정이 끝나면 위에서 선언한 콜벡함수들을 정의해야 한다.
private function onMeta( data:Object ):void
{
비디오의 전체 재생시간을 알려준다.
trace( data.duration );
}
FLV파일에 큐포인트가 등록되어 있다면 아래 함수가 실행한다.
private function onCue( data:Object ):void
{
trace("onCue");
}
var netc:NetConnection = new NetConnection();
일반서버에는 보통 null값을 사용하여 서버를 열게 됩니다.
netc.connect( null );
NetConnection의 delegate가 선언되면 이를 관리할 NetStream을 생성하고
NetConnection을 생성자에 입력합니다.
var nets:NetStream = new NetStream( netc );
- 콜백 메서드가 호출되는 객체를 반드시 지정합니다.
- 보통은 같은 클래스에 넣어서 this로 경로를 지정하고(스코프를 맞추기 위해...)
- 콜벡하는 객체에는 최소한onMetaData(Object)함수가 있어야 하고
- flv에 cuePoint가 설정되어있다면 플레이어는 onCuePoint(Object)를 호출한다.
따라서 콜벡경로에 같이 만들어 두는 것이 좋다
var meta:Object = new Object();
meta.onMetaData = onMeta;
meta.onCuePoint = onCue;
nets.client = meta;
비디오 클래스를 통해 디스플레이 리스트에 등록하여 가시적으로 보여주게 한다.
var video:Video = new Video(500 , 375);
video에서 사용할 데이터(NetStream)를 연결한다.
video.attachNetStream( nets );
addChild( video );
비디오 클래스의play()는 사운드의 play처럼 사용하고자 하는 데이터를 열기도 하지만 동시에 재생을 한다.
video.play( "재생할 URL" )
이처럼 설정이 끝나면 위에서 선언한 콜벡함수들을 정의해야 한다.
private function onMeta( data:Object ):void
{
비디오의 전체 재생시간을 알려준다.
trace( data.duration );
}
FLV파일에 큐포인트가 등록되어 있다면 아래 함수가 실행한다.
private function onCue( data:Object ):void
{
trace("onCue");
}
AS3.0 Cookbook/비디오2008. 8. 17. 11:40
AS3에서는 Video클래스를 제공하여 FLV파일을 제생할 수 있게 한다. 단 FMS서버가 아닌 경우 대부분 프로그래시브한 FLV를 재생한다.
비디오를 재생하기 위해서는 몇가지 클래스와 콜벡함수에 대한 처리를 해주어야 한다.
우선 비디오파일이 있는 서버와의 길을 만들기 위한 NetConnection이 필요하고 이를 관리하고 제어(비디오파일)하는 NetStream 클래스를 만들어야 한다.
이 두개의 클래스로서 외부 비디오 파일과의 연결은 준비가 된 것이다.
NetConnection을 통해 흘러오는 비디오데이터를 NetStream 이 재생을 하게되는데 실제로 화면에 보여주기 위해서는 DisplayObject를 상속받은 녀석이 있어야 한다. 그것이 Video클래스이다.
다른 로더나 사운드관련 클래스들 처럼 서버와의 통신전문 클래스인 NetConnection, 실제 파일의 움직임을 관리하는 NetStream, 이들을 통해 불러들인 데이터를 담아 보여주는 Video클래스 이렇게 3개의 클래스가 기본적으로 설정되어 있어야 하며, 비디오 파일이 NetStream을 통해 흘러들어올 때 콜벡함수 onMetaData()를 호출하게 된다. 이는 자신의 총 재생시간을 duration이라는 변수값으로 호출하기 때문에 클래스에 onMetaData를 설정해 두어야 한다. 그리고 만약 FLV에 큐포인트가 설정되어있다면 onCuePoint()함수도 설정해 두어야 한다.
onMetaData의 정보
width : 비디오파일의 폭
height : 비디오파일의 높이
videodatarate : 비디오 데이터 속도
cuePoints : 큐포인트의 배열
framerate : 재생속도
videocodecid : 비디오 인코딩에 사용된 코덱 버전
duration : 전체 재생시간
audiodatarate : 오디오의 kbps(초당 킬로바이트) 속도
canSeekToEnd : FLV 파일이 점진적 다운로드 무비 클립의 파일끝까지 검색할 수있는 불리언값
audiodelay : 영상과 오디오간의 지연시간을 보정한 시간
CuePoint로 설정할 수 있는 값은 4개로 한정되어있다.
name : 큐포인트 이름
type : 인코딩시 선택된 event나 navigation
parameters : 변수와 값
time : 큐포인트 위치의 시간
parameters에값이 있다면 해당 변수명으로 한 depths 더 들어간다.
* 참고로 앞서 비디오 파일 통신을 설명한 바 있다. 참고자료 보기
비디오를 재생하기 위해서는 몇가지 클래스와 콜벡함수에 대한 처리를 해주어야 한다.
우선 비디오파일이 있는 서버와의 길을 만들기 위한 NetConnection이 필요하고 이를 관리하고 제어(비디오파일)하는 NetStream 클래스를 만들어야 한다.
이 두개의 클래스로서 외부 비디오 파일과의 연결은 준비가 된 것이다.
NetConnection을 통해 흘러오는 비디오데이터를 NetStream 이 재생을 하게되는데 실제로 화면에 보여주기 위해서는 DisplayObject를 상속받은 녀석이 있어야 한다. 그것이 Video클래스이다.
다른 로더나 사운드관련 클래스들 처럼 서버와의 통신전문 클래스인 NetConnection, 실제 파일의 움직임을 관리하는 NetStream, 이들을 통해 불러들인 데이터를 담아 보여주는 Video클래스 이렇게 3개의 클래스가 기본적으로 설정되어 있어야 하며, 비디오 파일이 NetStream을 통해 흘러들어올 때 콜벡함수 onMetaData()를 호출하게 된다. 이는 자신의 총 재생시간을 duration이라는 변수값으로 호출하기 때문에 클래스에 onMetaData를 설정해 두어야 한다. 그리고 만약 FLV에 큐포인트가 설정되어있다면 onCuePoint()함수도 설정해 두어야 한다.
onMetaData의 정보
width : 비디오파일의 폭
height : 비디오파일의 높이
videodatarate : 비디오 데이터 속도
cuePoints : 큐포인트의 배열
framerate : 재생속도
videocodecid : 비디오 인코딩에 사용된 코덱 버전
duration : 전체 재생시간
audiodatarate : 오디오의 kbps(초당 킬로바이트) 속도
canSeekToEnd : FLV 파일이 점진적 다운로드 무비 클립의 파일끝까지 검색할 수있는 불리언값
audiodelay : 영상과 오디오간의 지연시간을 보정한 시간
CuePoint로 설정할 수 있는 값은 4개로 한정되어있다.
name : 큐포인트 이름
type : 인코딩시 선택된 event나 navigation
parameters : 변수와 값
time : 큐포인트 위치의 시간
parameters에값이 있다면 해당 변수명으로 한 depths 더 들어간다.
* 참고로 앞서 비디오 파일 통신을 설명한 바 있다. 참고자료 보기
