SlideShare a Scribd company logo
1 of 11
CB 기술조사 2009.12.03 Made by inamass.net Copyright ⓒ 2009 INAMASS.NET Co.,Ltd. All rights reserved.
[object Object]
동영상 Streaming 및 PlayerMedia Techology
동영상 Streaming 및 Flex Client ,[object Object]
apache flv streaming 모듈 설치 (Streaming 서버)
 seek 모듈 개발
flash player Client ( flex )
서버에 Apache Flv Streaming 모듈 설치1) mov_flvx.c파일은 다운로드 받는다.     #> wget http://thinkscape.biz/community/mod_flvx.c -P /usr/local/etc/download/ 2) 컴파일하고 install 한다 . (APX tool을 사용하여, 아파치 DSO 모듈을 만든다.)     #> cd /home/inamass/server/apache2/bin     #> apxs -c -i ./mod_flvx.c 3) /아파치홈/conf.d/mod_flvx.conf를 생성하고, module을 추가해준다. LoadModuleflvx_module modules.mod_flvx.so AddHandlerflv-stream .flv ***** 주의 사항 :  mime.typesconfig파일에 [ video/x-flvflv ] 이 형식이 제공되는지 반드시 확인해야 한다.
동영상 Streaming 및 Flex Client ( 계속 ) ,[object Object]
  Player 클라이언트에서 TimeLine 중간부터 play를 한다거나, 일정 썸네일을 제공하고, 그 포지션에 맡는 부분으로 이동 Play 할 수 있는 기능을 개발해야 한다.
  Seek 구현을 위해 기본 모듈을 구현해야하고, 확장성 있게 FlvTool2 프로그램을 사용하거나직접 Seek Module을 개발하여 Streaming을 구현하는 두가지 방법으로 Streaming 할 수 있다.

More Related Content

Similar to Cb기술조사 김동혁

처음부터 다시 배우는 HTML5 & CSS3 강의자료3일차
처음부터 다시 배우는 HTML5 & CSS3 강의자료3일차처음부터 다시 배우는 HTML5 & CSS3 강의자료3일차
처음부터 다시 배우는 HTML5 & CSS3 강의자료3일차
Michael Yang
 
Petra보고서 개발 open자료
Petra보고서 개발 open자료Petra보고서 개발 open자료
Petra보고서 개발 open자료
cho hyun jong
 
모바일 웹플랫폼 기술 동향
모바일 웹플랫폼 기술 동향모바일 웹플랫폼 기술 동향
모바일 웹플랫폼 기술 동향
Jong Jin Hong
 
처음부터 다시 배우는 HTML5 & CSS3 강의자료 6일차
처음부터 다시 배우는 HTML5 & CSS3 강의자료 6일차처음부터 다시 배우는 HTML5 & CSS3 강의자료 6일차
처음부터 다시 배우는 HTML5 & CSS3 강의자료 6일차
Michael Yang
 

Similar to Cb기술조사 김동혁 (20)

Ubuntu에서 Flask개발 맛보기 - 1
Ubuntu에서  Flask개발 맛보기 - 1Ubuntu에서  Flask개발 맛보기 - 1
Ubuntu에서 Flask개발 맛보기 - 1
 
2-2. html5
2-2. html52-2. html5
2-2. html5
 
처음부터 다시 배우는 HTML5 & CSS3 강의자료3일차
처음부터 다시 배우는 HTML5 & CSS3 강의자료3일차처음부터 다시 배우는 HTML5 & CSS3 강의자료3일차
처음부터 다시 배우는 HTML5 & CSS3 강의자료3일차
 
Html5
Html5Html5
Html5
 
Petra보고서 개발 open자료
Petra보고서 개발 open자료Petra보고서 개발 open자료
Petra보고서 개발 open자료
 
CloudFront 활용하기
CloudFront 활용하기CloudFront 활용하기
CloudFront 활용하기
 
파일메이커 (FileMaker) 세미나
파일메이커 (FileMaker) 세미나파일메이커 (FileMaker) 세미나
파일메이커 (FileMaker) 세미나
 
모바일 웹플랫폼 기술 동향
모바일 웹플랫폼 기술 동향모바일 웹플랫폼 기술 동향
모바일 웹플랫폼 기술 동향
 
[KGIT_EWD]class03 0322
[KGIT_EWD]class03 0322[KGIT_EWD]class03 0322
[KGIT_EWD]class03 0322
 
파이썬 플라스크 이해하기
파이썬 플라스크 이해하기 파이썬 플라스크 이해하기
파이썬 플라스크 이해하기
 
처음부터 다시 배우는 HTML5 & CSS3 강의자료 6일차
처음부터 다시 배우는 HTML5 & CSS3 강의자료 6일차처음부터 다시 배우는 HTML5 & CSS3 강의자료 6일차
처음부터 다시 배우는 HTML5 & CSS3 강의자료 6일차
 
스케일폼(Scaleform) ue4에 통합 및 간단한 사용법
스케일폼(Scaleform) ue4에 통합 및 간단한 사용법스케일폼(Scaleform) ue4에 통합 및 간단한 사용법
스케일폼(Scaleform) ue4에 통합 및 간단한 사용법
 
강분도 - 공개SW개발과 우분투 (2010Y10M05D)
강분도 - 공개SW개발과 우분투 (2010Y10M05D)강분도 - 공개SW개발과 우분투 (2010Y10M05D)
강분도 - 공개SW개발과 우분투 (2010Y10M05D)
 
Startup JavaScript 7 - Node.JS 기초
Startup JavaScript 7 - Node.JS 기초Startup JavaScript 7 - Node.JS 기초
Startup JavaScript 7 - Node.JS 기초
 
FileMaker Medical Presentation
FileMaker Medical PresentationFileMaker Medical Presentation
FileMaker Medical Presentation
 
2015.07.01
2015.07.012015.07.01
2015.07.01
 
Html5
Html5Html5
Html5
 
Html5
Html5Html5
Html5
 
Big Data platform을 위한 Sencha Ext JS 사례.
Big Data platform을 위한 Sencha Ext JS 사례.Big Data platform을 위한 Sencha Ext JS 사례.
Big Data platform을 위한 Sencha Ext JS 사례.
 
처음부터 다시 배우는 HTML5 & CSS3 강의자료 2일차
처음부터 다시 배우는 HTML5 & CSS3 강의자료 2일차처음부터 다시 배우는 HTML5 & CSS3 강의자료 2일차
처음부터 다시 배우는 HTML5 & CSS3 강의자료 2일차
 

Cb기술조사 김동혁

  • 1. CB 기술조사 2009.12.03 Made by inamass.net Copyright ⓒ 2009 INAMASS.NET Co.,Ltd. All rights reserved.
  • 2.
  • 3. 동영상 Streaming 및 PlayerMedia Techology
  • 4.
  • 5. apache flv streaming 모듈 설치 (Streaming 서버)
  • 8. 서버에 Apache Flv Streaming 모듈 설치1) mov_flvx.c파일은 다운로드 받는다. #> wget http://thinkscape.biz/community/mod_flvx.c -P /usr/local/etc/download/ 2) 컴파일하고 install 한다 . (APX tool을 사용하여, 아파치 DSO 모듈을 만든다.) #> cd /home/inamass/server/apache2/bin #> apxs -c -i ./mod_flvx.c 3) /아파치홈/conf.d/mod_flvx.conf를 생성하고, module을 추가해준다. LoadModuleflvx_module modules.mod_flvx.so AddHandlerflv-stream .flv ***** 주의 사항 : mime.typesconfig파일에 [ video/x-flvflv ] 이 형식이 제공되는지 반드시 확인해야 한다.
  • 9.
  • 10. Player 클라이언트에서 TimeLine 중간부터 play를 한다거나, 일정 썸네일을 제공하고, 그 포지션에 맡는 부분으로 이동 Play 할 수 있는 기능을 개발해야 한다.
  • 11. Seek 구현을 위해 기본 모듈을 구현해야하고, 확장성 있게 FlvTool2 프로그램을 사용하거나직접 Seek Module을 개발하여 Streaming을 구현하는 두가지 방법으로 Streaming 할 수 있다.
  • 12. Seek를 구현하기 위해 서버에서 개발해야 하는 모듈
  • 13. Play Info 인터페이스 : 기본 media 정보를 Request 받아서, playtime, width (썸네일), height(썸네일), title, thumbnailurl, seek url을 내려주는 인터페이스를 개발해야 한다. 프로젝트 성격에 따라서 데이터 추가/확장 가능하게 개발
  • 14. Streaming 인터페이스 : Seek 하는 인터페이스로 Start point 정보를 받아서 Streaming을 직접 구현하는 방법이나 FlvTool2 툴을 사용하여 Streaming을 개발하는 방법이 있다.
  • 15. Streaming시 point정보 (time position)를 request로 보내서 해당 flv의 포인트 시점부터 streaming할 수 있게 구현해야 한다. 직접 구현 시 mod_flvxapi를 참고하여 개발하고, flvtool2를 이용할 경우 Runtime Class를 이용하여 지원하는 옵션을 파악, 확장성 있게 개발할 수 있다.
  • 17. Player는 Flex기반으로 작업하며, 기존에 구현해놓은 Freean Player에서 파일서버와 연동하는 인터페이스 부분을 수정하고, 스킨 영역을 수정하는 방식으로 한다.
  • 18.
  • 19. xml meta data를 생성하여 flv를 컨트롤 하는 프로그램으로 mencoder처럼 flvtool2.exe로 배포된 파일에 command 명령어로 실행 시킬 수 있다.
  • 20. 장점이 있다면, flv메타데이터를 편집할 수 있고, Cue Point를 XML로 유저가 제공하여사용자가 쉽게 Customzing해서 응용할 수 있다. 예를들면, 일정 seekpoint를 xml 형식으로 저장해놓고, 클릭하여, 특정 부분부터 볼 수 있도록 상세한 파라미터를 제공한다. 썸네일은인코딩에서 별도 생성해야 한다.
  • 21. 예) Point XML <tags>    <metatag event="onCuePoint" overwrite="true">        <name>Cue Point 1</name>        <timestamp>4000</timestamp>        <parameters>            <textinfo>This is some text 1</textinfo> Player 하단 썸네일에 특정 포인트를 등록시키고 Streaming 할 수 있다.            <thumb>test1.jpg</thumb>        </parameters>        <type>navigation</type>    </metatag> </tags> #> flvtool2 -AUtP test-meta.xml -thumbLocation:http://d28nuaxr58rcpu.cloudfront.net/cfvm-thumb test.flv -A : Add tags -U : meta tag 이벤트시flv업데이트 -t : xml 파일 write -P : Print meta data 사용 참고 : http://www.ioncannon.net/web-design/109/metadata-cuepoint-flash-video-flvtool/
  • 22.
  • 23.
  • 24. hwp, doc, docx등의 문서형식 파일
  • 25. Flash가 아닌 HTML UI로 문서 내용 제공
  • 26. 우측 상단에 문서 다운로드 링크 제공
  • 27. span, br, p 태그가 골격의 주를 이루고 있다.
  • 28.
  • 29. xls, xlsx엑셀 표 형식의 문서
  • 30. Flash가 아닌 HTML UI로 문서 내용 제공
  • 31. 우측 상단에 문서 다운로드 링크 제공
  • 32.
  • 34. Flash가 아닌 HTML UI로 문서 내용 제공
  • 35. 우측 상단에 문서 다운로드 링크 제공
  • 36. 좌측에 Table, TR, TD 형태로 슬라이드 제목 노출
  • 37. 우측은 ppt페이징을 제공하며 VML (Vector Markup Language) 를 사용하여 화면이 구성되어 있다.
  • 38.
  • 39. 동영상, 음악파일은 모든 확장자에 대해서 기본 다운로드만 제공.
  • 40. PDF, TXT, XML, HTML 파일도 형식은 문서이나 다운로드만 제공
  • 41.
  • 42. Convert를 저장할 큐 형식의 스키마 구조를 정의하고, JOB Scheduling으로 순차적 Converting
  • 43. Flash Client를 구현한다면, Flash HTML Viewer 모듈을 만들어서 HTML을 읽는 방식으로 작업Doc to html converter tool : http://www.subsystems.com/whw.htm