이용안내 (Online Version)
목 차 Xinics ReadyStream Producer Overview... 4 Xinics ReadyStream Producer 소개... 5 제품의개요및특징... 5 MP4, HTML5 기반의 Cross Platform 콘텐츠제작을위한실시간저작도구... 5 제작은쉽고다양하게 사용자별제작패턴에따라다양한솔루션제공... 5 HD 급의 16:9 고화질영상의고품질콘텐츠... 6 HTML5 형식으로웹표준에최적화... 6 ReadyStream 으로만들수있는콘텐츠... 7 촬영방식과화면구성을다양하게... 7 활용자료와표현을보다풍부하게... 7 다양한유형의콘텐츠를스토리단위로혼합제작가능... 7 설치안내... 8 설치환경... 8 ReadyStream Producer 제작가이드... 9 제작순서... 10 Rapid 프로젝트제작순서요약... 10 Rich 프로젝트제작순서요약... 11 Rapid 프로젝트따라하기... 12 2
Rapid 프로젝트로 슬라이드프레젠테이션 하기... 12 Rapid 프로젝트로 스크린프레젠테이션 하기... 15 Rich 프로젝트따라하기... 17 Rich 프로젝트로 크로마키형슬라이드프레젠테이션 녹화하기... 17 Rich 프로젝트로크로마키, 레이아웃, 배경이미지설정하기... 19 Rich 프로젝트로만든콘텐츠내보내기... 20 콘텐츠시청하기... 21 콘텐츠시청환경과유형별차이점... 22 콘텐츠시청환경... 22 데스크탑시청환경... 22 모바일시청환경... 23 콘텐츠유형과시청환경에따른시청방식의구분... 24 단일영상 vs. 영상 + 자료구분형... 24 데스크탑시청 vs. 모바일기기시청... 24 플레이어상세기능... 25 콘텐츠유형및시청기기별구분... 25 공통시청기능... 25 영상 + 자료혼합구성형콘텐츠시청기능 ( 데스크탑 )... 26 모바일기기시청기능... 26 3
Xinics ReadyStream Producer Overview 4
Xinics ReadyStream Producer 소개 제품의개요및특징 MP4, HTML5 기반의 Cross Platform 콘텐츠제작을위한실시간저작도구 ReadyStream Producer 는강의자의영상또는음성과 PPT, 영상등강의자료를동기화하여 MP4 기반의 Cross Platform 에대응하는콘텐츠를만드는저작도구입니다. 영상과자료를실시간으로동기녹화하거나, 스크린녹화, 판서등다양한방식으로원하는유형의콘텐츠를가장효율적으로제작할수있습니다. 제작은쉽고다양하게 사용자별제작패턴에따라다양한솔루션제공 실시간녹화방식으로손쉽고간단한방식으로제작하여변환작업없이, 웹표준형태로빠르게서비스할수있는제작유형 (Rapid 프로젝트 ) 과풍부한표현을위해자료동영상을구성하거나배경및레이아웃작업, 크로마키등의작업을한후렌더링작업을할수있는제작유형 (Rich 프로젝트 ) 을콘텐츠제작시사용자가선택할수있기때문에제작의효율을한층높였습니다. 5
HD 급의 16:9 고화질영상의고품질콘텐츠 촬영할때도, HD 급의전문가급카메라또는웹카메라를활용하여손쉽게고화질영상을촬영하며, 내보낼때도, 다양한레이아웃이나크로마키효과, 배경을합성한결과물을만들어도 HD 급의영상으로 렌더링하여최상의콘텐츠품질을만들어낼수있습니다. HTML5 형식으로웹표준에최적화 ReadyStream 은 MP4 영상과 HTML5 기반의콘텐츠를만들기때문에, 각환경에맞게번거로운변환작업을 할필요없이하나의콘텐츠로웹, 모바일등다양한플랫폼과다양한기기에서최적화된시청경험을제공할 수있습니다. 6
ReadyStream 으로만들수있는콘텐츠 ReadyStream 은슬라이드프레젠테이션, 스크린프레젠테이션, 화이트보드프레젠테이션, 영상프레젠테이션 등네가지프레젠테이션유형을다양한촬영방식과활용자료에따라다채롭게구성하여여러가지 용도의콘텐츠를만들어낼수있습니다. 촬영방식과화면구성을다양하게 활용자료와표현을보다풍부하게 다양한유형의콘텐츠를스토리단위로혼합제작가능 7
설치안내 콘텐츠등록 메뉴중 [Apps] 로접속하시면, 설치되지않은도구에대하여 [ 설치 ] 버튼을눌러설치를진행할 수있습니다. 이는설치가완료되면 [ 실행 ] 버튼으로변경되어도구를실행할수있습니다. 설치환경 OS Windows 7, Windows 8, Windows 8.1, Windows 10 ( 최신서비스팩설치, 32bit/64bit) 및 DirectX 9.0c 지원 CPU Intel Core2 Duo 또는 AMD Phenom II processor 이상 RAM 4GB 이상 (8GB 이상권장 ) 그래픽카드 HDD nvidia Geforce 7600 이상 / AMD Radeon X2600 이상 5GB 이상의여유공간 Application Windows Media Player 11 이상, Silverlight 4 이상,.net framework 4.5 이상, 디스플레이 최소 1024x768 디스플레이해상도 ReadyStream Produce 로콘텐츠제작하기는 Internet Exploere 에서만실행할수있습니다. i 필수프로그램은제품설치시모두함께설치됩니다. 그러나설치과정에서문제가생기는경우에는아래프로그램을별도로다운로드해보시기바랍니다. Windows Media Player 11 (Windows7 에 Windows Media Player 가없는경우 ) NET Framework 4.5 8
ReadyStream Producer 제작가이드 9
제작순서 ReadyStream Producer 는각사용자들이적합한제작방식으로접근하여원하는결과물을제작할수있도록 프로젝트유형이두가지로분리됩니다. Rapid 프로젝트제작순서요약 Rapid 프로 젝트시작 자료구성 녹화설정 / 테스트 녹화진행 / 종료 내보내기 10
Rich 프로젝트제작순서요약 1. 녹화제작 Rich 프로젝 트시작 자료구성 녹화설정 / 테스트 크로마키설 정사전체크 녹화진행 / 종료 2. 크로마키, 배경및레이아웃설정 크로마키효과 상세설정 레이아웃설정 배경이미지설정 파워포인트투명 도설정 3. 내보내기 내보내기시작 - 기본정보구성 변환진행및완료 11
Rapid 프로젝트따라하기 ** [ 콘텐츠등록 > Apps] 로접속하여 기본형녹화 ( 강의자용 ) Rapid 프로젝트 를실행합니다. Rapid 프로젝트로 슬라이드프레젠테이션 하기 1. 새프로젝트에서 슬라이드프레젠테이션 을 선택한후, 사용할 PPT 슬라이드를가져옵니다. 12
2. 기본화면왼쪽하단의 [ 녹화설정 ] 을 선택하여비디오 / 오디오장치를선택합니다. ( 상세설정은별도설명참조 ) 3. [ 녹화시작 ] 버튼을선택하여녹화를 시작합니다. 4. 슬라이드를넘기고애니메이션을실행합니다. 슬라이드위에판서를할수있습니다. 13
5. [ 녹화종료 ] 버튼선택한후, 내보낸결과물을 재생하여확인합니다 6. 상단의 내보내기 메뉴를선택하여기본 정보를입력한후 [ 업로드 ] 를선택합니다 7. 업로드가완료되면 [ 닫기 ] 버튼을누르고, 콘텐츠목록으로가서콘텐츠를확인할수 있습니다. 8. 웹브라우저로넘어와서콘텐츠목록탭으로 이동해보면새로제작한콘텐츠를확인할수 있습니다. 14
Rapid 프로젝트로 스크린프레젠테이션 하기 1. 새프로젝트에서 스크린프레젠테이션 을 선택합니다. 2. 음성녹음을함께진행할것인지에따라 오디오사용여부를선택하고, 비디오출력 크기나품질을설정합니다. 3. [ 녹화시작 ] 버튼을선택하여녹화를 시작합니다. 15
4. 화면녹화를자유롭게진행한후, 하단의 녹화제어버튼을이용하여 [ 녹화종료 ] 를하고 결과물을재생하여확인합니다. 5. 상단의 내보내기 메뉴를선택하여기본 정보를입력한후 [ 업로드 ] 를선택합니다 6. 업로드가완료되면 [ 닫기 ] 버튼을누르고, 콘텐츠목록으로가서콘텐츠를확인할수 있습니다. 8. 웹브라우저로넘어와서콘텐츠목록탭으로 이동해보면새로제작한콘텐츠를확인할수 있습니다. 16
Rich 프로젝트따라하기 Rich 프로젝트중대표적으로이용하게되는 크로마키형슬라이드프레젠테이션 의녹화제작, 크로마키 / 배경 / 레이아웃설정, 내보내기전과정을손쉽게따라해볼수있도록요약적으로안내해드립니다. ** [ 콘텐츠등록 > Apps] 로접속하여 기본형녹화 ( 강의자용 ) Rapid 프로젝트 를실행합니다. Rich 프로젝트로 크로마키형슬라이드프레젠테이션 녹화하기 1. 새프로젝트에서크로마키형 슬라이드 프레젠테이션 을선택한후, 사용할 PPT 슬라이드를가져옵니다. 17
2. 기본화면왼쪽하단의 [ 녹화설정 ] 을 선택하여비디오 / 오디오장치를선택합니다. ( 상세설정은별도설명참조 ) 3. [ 녹화시작 ] 버튼을선택하여녹화를 시작합니다. 4. 슬라이드를넘기고애니메이션을실행합니다. 슬라이드위에판서를할수있습니다. 5. [ 녹화종료 ] 버튼선택한후, 내보낸결과물을 재생하여확인합니다 18
Rich 프로젝트로크로마키, 레이아웃, 배경이미지설정하기 1. 기본화면왼쪽하단의 [ 크로마키 ] 버튼을선택하여나타나는설정창에에서화면상의배경이미지를선택하여투명처리할색상을지정하고, 세부조정을하여가장최적의크로마키설정상태를적용합니다. 1 2. 기본화면슬라이드리스트상단의 [ 배경설정 ] 버튼을선택한후, 원하는레이아웃을설정합니다. 1 [ 배경설정 ] 버튼클릭 2 배경설정할스토리 / 슬라이드썸네일선택 3 [ 레이아웃설정 ] 버튼선택 4 슬라이드 / 동영상비율확인 / 수정 5 지정할레이아웃선택 3. 레이아웃선택이끝나면배경이미지를설정합니다. 1 [ 배경이미지설정 ] 버튼선택 2 지정할배경이미지선택 19
Rich 프로젝트로만든콘텐츠내보내기 1. 기본화면상단의 [ 내보내기 ] 메뉴를선택하여 기본정보를입력한후 [ 업로드 ] 버튼을 누릅니다. 2. 업로드가완료되면 [ 닫기 ] 버튼을누르고, 콘텐츠목록으로가서콘텐츠를확인할수 있습니다. 3. 웹브라우저로넘어와서콘텐츠목록탭으로 이동해보면새로제작한콘텐츠를확인할수 있습니다. 20
콘텐츠시청하기 21
콘텐츠시청환경과유형별차이점 콘텐츠시청환경 ReadyStream 으로만든콘텐츠는 HTML5 기반으로제작되므로다양한브라우저와플랫폼에서시청할수있습니다. HTML5 를지원하지않는구버전브라우저나특정브라우저에대해서는 Flash 로의재생을지원하여어떤환경에서도최적의시청을할수있도록제공합니다. 데스크탑시청환경 데스크탑 - 시청가능브라우저 OS 브라우저영상방식배속지원전체화면 (iframe 내 ) Wowza 서버 스트리밍지원 Chrome IE11, Edge HTML5 O True Fullscreen (Flash 로전환되어지원 ) IE 11 HTML5 O Popup (Flash 로전환되어지원 ) Windows IE 10 IE 9 HTML5 O Popup (Flash 로전환되어지원 ) Mac IE 8 Flash X Popup Firefox Flash X True Fullscreen Safari HTML5 O True Fullscreen Chrome HTML5 O True Fullscreen O (RTMP) O (RTMP) (Flash 로전환되어지원 ) (Flash 로전환되어지원 ) 데스크탑 - 하드웨어최소요구사항 구성요소 Windows Mac 요구사항 x86 또는 x64(ie 만해당 ) 1.6GHz 이상의프로세서및 512MB RAM Intel Core Duo 1.83GHz 이상프로세서및 512MB RAM 22
모바일시청환경 OS 브라우저영상방식배속지원전체화면 (iframe 내 ) Wowza 서버스트리밍 지원 iphone (4s 이상 ) ipad (2 이상 ) Safari HTML5 X 영상 Fullscreen Safari HTML5 X True Fullscreen O (HLS) O (HLS) Android Android Browser HTML5 X 영상 Fullscreen O (HLS) (4.0 이상 ) Chrome HTML5 X True Fullscreen O (HLS) 23
콘텐츠유형과시청환경에따른시청방식의구분 단일영상 vs. 영상 + 자료구분형 < 단일영상으로렌더링한유형 > < 영상 / 슬라이드를구분하여시청하는기본형 > 데스크탑시청 vs. 모바일기기시청 모바일기기시청시, 영상보기, 슬라이드보기를선택하여시청할수있습니다 24
플레이어상세기능 콘텐츠유형및시청기기별구분 공통시청기능 재생 / 일시정지 / 중지하기 10 초전 /10 초뒤 Seek Bar 배속조절 현재재생시간 / 전체시간 이전슬라이드 / 다음슬라이드 : 재생위치를슬라이드단위로이전 / 다음으로이동합니다. 현재슬라이드번호 / 전체슬라이드수 음량조절 / 음소거 전체화면확대 CC 하단썸네일목차 우측썸네일목차 25
영상 + 자료혼합구성형콘텐츠시청기능 ( 데스크탑 ) 시청레이아웃선택 레이아웃배치전환 레이아웃자유조절 모바일기기시청기능 < 재생시작전시청할화면선택 > < 재생중 >. 영상 / 슬라이드선택기능 시청화면전환 26