htm5 video Streaming 지원 관련 분류 > UCC,스트리밍 관련 자료

본문 바로가기


htm5 video Streaming 지원 관련 분류

검색 이전 다음 목록


현재 나와있는 솔류션별로 지원가능 플렛폼으로 분류되어있음..

5.3 Back-end support for HTML5–compatible formats
Now that we have reviewed how to deliver the video payload to users, it is time to look at how 
to generate video streams, and what software is available for streaming HTML5-compatible 
Generally speaking, the video will already be available in a digital format. That format might 
be the DV output of a video camera, a stream from a TV satellite, or an MPEG–2 file 
uploaded by a user. Before such content can be used in an HTML5 <video> tag, it has to be 
converted into a browser-supported format and codec.
As we explained in Section 3, the three most important video formats that can be used with 
HTML5 video are:
– a WebM container with VP8 video and Vorbis audio;
– an MP4 container with H.264 video and AAC audio;
– an Ogg container with Theora video and Vorbis audio.
Because not all web browsers support all formats and codecs, it is important for the server or 
video back end that offers the video to support different formats, so that it can deliver to all 
the various browsers.
In this section, we look at various widely used video servers and back ends and which of the 
above-mentioned formats that they support. Note that this list contains both software that only 
encodes or transcodes video but does not stream, software that only streams ready-made 30
files on the network but does not modify the format, and software that can both stream and 
The software that is reviewed here is only a subset of what is available. In particular in the 
area of encoders and transcoders, many programs are available that can generated the 
desired formats.
FFmpeg (encoding only)
FFmpeg is a popular open source tool for converting and transcoding video. It offers 
multifaceted libraries for decoding and encoding various audio and video formats and can 
read and write in many different container formats. It is available for various platforms, 
including Windows, OSX, and Linux, and is used as a back end in a number of media 
servers, such as MediaMosa.
FFmpeg has long supported H.264 video, AAC audio and the MP4 container, Theora video, 
Vorbis audio and the Ogg container. Version 0.6 and up support WebM containers and VP8 
Video (both decoding and encoding).
FFmpeg does not support streaming video; it is only intended for converting video into 
different formats.
Handbrake is an open-source video transcoder, that is widely used for encoding H.264-type 
videos. It also supports Theora video, but not in Ogg containers. Also WebM iand VP8 s not 
Handbrake is particularly useful for encoding videos for use on mobile devices: it has many 
predefined profiles for different devices, like the iPhone and iPod.
FFmpeg2theora is a simple program to encode an Ogg format video. It is available for 
Windows, OSX and Linux.
GStreamer (encoding and streaming)
GStreamer is a multimedia framework suitable for opening, transcoding and filtering audio 
and video files. It is therefore frequently used as a media back end for content–delivery 
GStreamer has long supported AAC and Vorbis audio, H.264 and Theora video, and the MP4 
and Ogg containers. It has supported WebM and VP8 since June 2010.
GStreamer also has output models for various stream types, including HTTP (over Icecast), 
RTSP/RTP, and RTMP for all available video formats.
Flumotion (encoding and streaming)
Flumotion is an open source platform for online video streaming developed by Fluendo. There 
are open source and a commercial versions available; the biggest difference between the two 
lies in the codecs provided.
Flumotion uses GStreamer as the back end, and like GStreamer it supports all three 
commonly used formats. Due to royalty issues, however, the H.264 and AAC codecs are not 
provided with the open source version. WebM and VP8 have been supported since version 
0.8 (both open source and commercial).
The commercial version only supports HTTP streaming. The open source version can also 
stream over RTSP/RTP.31
Microsoft Expression Encoder & Windows Media Services (encoding and 
Windows Media Services is a server for streaming audio and video. It was developed by 
Microsoft and is available free of charge with Windows Server 2008. Expression Encoder is 
Microsoft’s video encoding system.
Expression Encoder supports H.264 video and AAC audio, in addition to Windows Media 
formats. It does not support Vorbis audio, Theora video, or VP8 video. Expression Encoder 
output can be streamed over Windows Media Services (to Silverlight clients) using Microsoft’s 
version of HTTP Dynamic Streaming.
QuickTime Pro & QuickTime Streaming Server/Darwin Streaming Server 
(encoding and streaming)
QuickTime Pro is a video editor and encoder for OSX (and also available for Windows).
QuickTime Streaming Server is a streaming server for OSX, and comes free with the Server 
edition van OSX. Darwin Streaming Server is the open source version of the QuickTime 
Streaming Server. QuickTime Streaming Server is only available for OSX, but Darwin 
Streaming Server also works on Windows and Linux.
QuickTime Pro supports encoding in various video formats, but of the three most commonly 
used formats for HTML5, only H.264 video with AAC audio is available. The resulting MP4 
stream can be distributed over the QuickTime Streaming Server and the Darwin Streaming 
Server. Streaming is possible over RTSP/RTP.
Flash Media Live Encoder & Flash Media Server (encoding and streaming)
Flash Media Live Encoder is Adobe’s encoding system for (live) video, and is available on 
Windows and OSX. The resulting video can be distributed over the Flash Media Server. The 
combination is mainly intended for clients with a Flash plug–in.
At the moment it only supports H.264 and AAC, and not Theora, VP8, Vorbis, or the Ogg or 
WebM containers. Streaming is supported over RTMP and the Adobe version of HTTP Live 
Red5 (streaming only) 
Red5 is an open source Flash server that can also stream Flash video. At the moment it does 
not support Theora or VP8 video or Vorbis audio, but only H.264 video and AAC audio.
Streaming is only possible over RTMP.
Real/Helix Universal Server (streaming only)
Helix Universal Server is a streaming server developed for Real. It is available for Windows 
and Linux.
Helix Universal Server only supports H.264 video and AAC audio in MP4 containers. It 
supports live streaming over RTSP/RTP and RTMP. It also supports Apple HTTP Live 
Icecast (streaming only)
Icecast is a streaming media server that originally focused on audio. Today it also supports 
Theora video in Ogg containers.
It does not support H.264 or Theora video, AAC audio, or the MP4 and WebM containers .
Streaming is only over plain HTTP.32
Wowza (streaming only)
Wowza Media Server is a streaming server developed mainly for H.264 content. It is available 
for Windows, OSX, and Linux.
Wowza only supports H.264 video and AAC audio in MP4 containers. It can stream MP4 over 
RTSP/RTP, RTMP, and HTTP, and also supports the Apple and Microsoft versions of HTTP 
Live Streaming. It does not support the WebM and Ogg containers, Theora and VP8 video or 
Vorbis audio.33
The table below reviews whether and to what extent popular video formats support HTML5 
and their support for streaming over various protocols. Note that transcoders and streamers 
are combined in this table; an empty white square indicates that the product is not suitable for 
either streaming or transcoding. If the category is marked “–”, it means that the application 
basically does support streaming or transcoding, but not for this format.

HTML5 호환 포맷 5.3 백엔드 지원
이제 사용자에게 비디오 페이로드를 전달하는 방법을 검토했는지, 어떻게 보는 시간입니다
비디오 스트림을 생성하고, 어떤 소프트웨어를하면 HTML5 호환 스트리밍에 사용할 수
일반적으로 비디오는 이미 디지털 형식으로 사용할 수 있습니다. 그 형식은 수도
비디오 카메라의 DV 출력, TV 위성으로부터 스트림, 또는 MPEG-2 파일이 있어야
사용자가 업로드되었습니다. 이러한 내용이 HTML5 <video> 태그에 사용할 수 전에 어쩔 수 없습니다
브라우저가 지원하는 형식과 코덱으로 변환.
우리는 제 3과 함께 사용할 수있는 세 가지 가장 중요한 비디오 포맷에서 설명한 바와 같이
HTML5 비디오는 다음과 같습니다
- VP8 비디오 및 보비스 오디오 WebM 컨테이너;
- H.264 비디오와 AAC 오디오와 MP4 컨테이너;
- Theora 비디오 및 보비스 오디오 오그 컨테이너.
모든 웹 브라우저는 모든 형식과 코덱을 지원하므로 서버에 대한 중요하거나
그것이 모두에게 제공할 수 있도록 다양한 포맷을 지원하는 비디오를 제공하는 비디오 백 엔드
다양한 브라우저.
이 섹션에서는, 우리는 여러 가지 널리 사용되는 비디오 서버 및 백 엔드를보고 어느
그들이 지원하는 위에서 언급한 형식. 이 목록은 모두 소프트웨어가 포함되어 있습니다만이
인코딩이나 동영상을 transcodes지만 않는 전용 스트림은 30을 준비 만든 것이 아니라 스트림, 소프트웨어
그러나 네트워크에서 파일 형식 및 소프트웨어를 수정하지 않는 수 스트림과 모두
변환 / 인코딩.
여기를 검토하는 소프트웨어를 사용할 것을만이 하위 집합입니다. 에서 특히
인코더와 transcoders 면적, 많은 프로그램을 올렸습 수있는 가능
포맷을 원하는.
FFmpeg (전용 인코딩)
FFmpeg 동영상을 변환하고 변환을위한 인기있는 오픈 소스 도구입니다. 그것은 제공
디코딩 및 인코딩 다양한 오디오 및 비디오 형식과 수 다각 도서관
읽고 여러 컨테이너 형식으로 써주세요. 그것은 다양한 플랫폼에 사용할 수 있습니다
윈도우, OSX, 리눅스를 포함한 미디어의 여러 백 엔드로 사용됩니다
같은 MediaMosa 같은 서버.
FFmpeg 긴 H.264 비디오, AAC 오디오와 MP4 컨테이너, Theora 동영상을 지원하고있다
보비스 오디오 및 오그 컨테이너. 버전 0.6 및 최대 지원 WebM 컨테이너 및 VP8
비디오 (디코딩과 인코딩 둘 다).
스트리밍 비디오를 지원하지 않습니다 FFmpeg, 그것은 오직로 비디오를 변환하기위한 것입니다
다른 포맷.
수동 브레이크
수동 브레이크가 널리 인코딩 H.264를 타입에 사용되는 오픈 소스의 비디오 트랜스 코더입니다
동영상. 그것은 또한 아니지만 오그 컨테이너에서 Theora 동영상을 지원합니다. 또한 WebM 나라 VP8의 안
수동 브레이크는 모바일 장치에서 사용하기 위해 비디오를 인코딩에 특히 유용하다 : 그것은 여러가
iPhone 및 iPod와 같은 다른 장치에 대한 사전 정의된 프로파일.
FFmpeg2theora이 오그 형식의 비디오를 인코딩하는 간단한 프로그램입니다. 그것은 사용할 수 있습니다
윈도우, OSX와 리눅스.
GStreamer (인코딩 및 스트리밍)
GStreamer는 오디오를 변환 및 필터링, 오프닝에 적합한 멀티미디어 프레임 워크입니다
및 동영상 파일. 그것은 따라서 자주 콘텐츠 전달을위한 미디어 백 엔드로 사용됩니다
GStreamer 긴 AAC와 보비스 오디오, H.264 및 Theora 동영상을 지원하며, MP4있다
그리고 오그 용기. 그것은 2010년 6월 이후 WebM과 VP8을 지원하고 있습니다.
GStreamer는 HTTP (Icecast 이상) 등 다양한 스트림 형식을 위해 출력 모델을 가지고
RTSP / RTP, 그리고 가능한 모든 비디오 포맷에 대한 RTMP.
Flumotion (인코딩 및 스트리밍)
Flumotion는 Fluendo 개발한 스트리밍 온라인 비디오에 대한 오픈 소스 플랫폼입니다. 가
오픈 소스와 사용 가능한 상용 버전이므로 둘 사이의 큰 차이
제공되는 코덱에 자리잡고 있습니다.
Flumotion는 백 엔드로 GStreamer를 사용하고, GStreamer 것 세 가지를 모두 지원합니다
일반적으로 형식을 사용. 로열티 문제로 인해 단, H.264 및 AAC 코덱이 없습니다
오픈 소스 버전으로 제공했습니다. WebM과 VP8는 버전부터 지원되었습니다
0.8 (오픈 소스와 상용 모두).
상용 버전은 HTTP 스트리밍을 지원합니다. 오픈 소스 버전도 있습니다
RTSP/RTP.31 이상의 스트림
마이크로 소프트 __ EXPRESSION__ 인코더 및 윈도우 미디어 서비스 (인코딩 및
Windows Media 서비스는 스트리밍 오디오 및 비디오를위한 서버입니다. 그것은에 의해 개발되었다
마이크로 소프트는 윈도우 서버 2008와 무료로 제공됩니다. __EXPRESSION__는 인코더입니다
Microsoft의 비디오 인코딩 시스템.
__EXPRESSION__는 윈도우 미디어 인코더 이외에 H.264 비디오와 AAC 오디오를 지원합니다
형식. 그것은 보비스 오디오, Theora 비디오 또는 VP8 동영상을 지원하지 않습니다. __EXPRESSION__ 인코더
출력은 마이크로 소프트를 사용하여 Windows Media 서비스 (실버 라이트 클라이언트까지)을 통해 스트리밍 수
HTTP 동적 스트리밍 버전의.
QuickTime Pro를 & 퀵타임 스트리밍 서버 / 다윈 스트리밍 서버
(인코딩 및 스트리밍)
퀵타임 프로는 비디오 편집기와 OSX 용 인코더 (및 Windows 용도 가능)입니다.
퀵타임 스트리밍 서버가 OSX 용 스트리밍 서버이고, 서버 무료 제공
판 반 OSX. 다윈 스트리밍 서버는 퀵타임의 오픈 소스 버전입니다
서버 스트리밍. 퀵타임 스트리밍 서버는 OSX에서만 사용할 수 있지만, 다윈
서버 스트리밍하​​면 윈도우와 리눅스에서 작동합니다.
퀵타임 프로는 다양한 비디오 포맷으로 인코딩 있지만, 세 가지 가장 일반적으로 지원
HTML5에 대한 포맷을 사용 AAC 오디오에서만 H.264 비디오를 사용할 수 있습니다. 결과 MP4
스트림은 퀵타임 스트리밍 서버와 다윈 스트리밍을 통해 배포할 수 있습니다
서버. 스트리밍은 RTSP / RTP를 통해 가능하다.
플래시 미디어 라이브 인코더 및 플래시 미디어 서버 (인코딩 및 스트리밍)
플래시 미디어 라이브는 인코더 (라이브) 동영상에 대한 Adob​​e의 인코딩 시스템입니다, 그리고에서보실 수 있습니다
Windows와 OSX. 결과 동영상은 플래시 미디어 서버를 통해 배포할 수 있습니다.
조합은 주로 플래시 플러그인과 클라이언트를위한 것입니다.
현재는 오직 H.264 및 AAC, 그리고 Theora, VP8, 보비스 또는 오그 또는 지원
WebM 용기. 스트리밍은 HTTP 라이브의 RTMP와 어도비 버전을 통해 지원됩니다
Red5 (전용 스트리밍)
Red5는 또한 플래시 비디오를 스트리밍할 수 있습니다 오픈 소스 플래시 서버입니다. 그것을 행하는 순간
Theora 또는 VP8 비디오 또는 보비스 오디오를 지원 있지만 H.264 비디오와 AAC 오디오 없습니다.
스트리밍은 RTMP를 통해서만 가능합니다.
헬릭스 / 리얼 범용 서버 (전용 스트리밍)
헬릭스 유니버설 서버는 리얼용으로 개발된 스트리밍 서버입니다. 그것은 Windows 용 가능
및 Linux.
헬릭스 유니버설 서버는 MP4 컨테이너에서 H.264 비디오와 AAC 오디오를 지원합니다. 그것
지원은 RTSP / RTP와 RTMP를 통해 스트리밍 살고 있습니다. 그것은 또한 애플 HTTP 라이브를 지원
Icecast (전용 스트리밍)
Icecast 원래 오디오에 초점을 스트리밍 미디어 서버입니다. 오늘날도 지원
오그 용기에 Theora 비디오.
그것은 H.264 또는 Theora 비디오, AAC 오디오, 또는 MP4와 WebM 컨테이너를 지원하지 않습니다.
스트리밍은 일반 HTTP.32 이상
Wowza (전용 스트리밍)
Wowza 미디어 서버는 H.264 컨텐츠를 주로 개발 스트리밍 서버입니다. 그것은 가능
윈도우, OSX, 리눅스입니다.
Wowza는 MP4 컨테이너에서 H.264 비디오와 AAC 오디오를 지원합니다. 그것은 위에 MP4를 스트리밍할 수 있습니다
RTSP / RTP, RTMP 및 HTTP와 또한 HTTP의 애플과 마이크로 소프트 버전을 지원합니다
스트리밍 살고 있습니다. 그것은 WebM과 오그 용기, Theora 및 VP8 동영상을 지원하거나하지 않습니다
보비스 audio.33
리뷰를 아래 표는 여부 및 한도 인기있는 비디오 포맷은 HTML5를 지원하는 것과
각종 프​​로토콜을 통해 스트리밍을위한 그들의 지원. 참고 transcoders 및 깃발
이 테이블에서 결합되며 비어있는 흰색 사각형이 제품이 적합하지 않다는 것을 나타냅니다
중 스트리밍 또는 변환. "-"범주가 표시되면, 즉 응용
기본적으로 지원이 형식에 대한 스트리밍 또는 변환하지만,하지 않습니다.
추천 0

등록된 댓글이 없습니다.


UCC,스트리밍 관련 자료

  • Http Live Streaming 으로 아이폰 동영상 서비스
  • Http Live Streaming 으로 아이폰 동영상 서비스

    이 문제로 무려 세번의 리젝트를 얻어 드시고 드디어 찾아낸 방법을 올린다.이전에는 그런게 없었던것 같은데 2010년 10월경에 Developer Guide 가 새로 올라오면서 동영상쪽에 새로운정말 까탈스러운 기준이 …

  • no image
  • RED5 FFMPEG FFserver 스트리밍 서버 구축하기

    Posted on 2009/02/25 16:19Filed Under 리눅스기술문서/서버관련 조회수: view 5044RED5 FFMPEG FFserver 스트리밍 서버 구축하기작성자 : 서진우(작성일 : 2009년 1월 5일4.1 FFMPEG로 인코딩 환경 구축하기 - 기본 프로그램 설치# yum install ruby# yum install ncurses-devel*# yum install lame# yum install libogg# yum install libvorbis# yum install flvtool2# yum install ffmpeg- 코덱 설치# wget bunzip2 essential-20061022.tar.bz2# tar xvf essential-20061022.tar# mkdir /usr/local/lib/codecs/# mv essential-20061022/* /usr/local/lib/codecs/# chmod -R 755 /usr/local/lib/codecs/# vi /etc/ ldconfig- ffmpeg 기본 사용법AVI -> FLV# ffmpeg -i onestar.avi -ar 22050 -ab 32 -f flv -s 640x480 onestar.flv | flvtool2 -U stdin onestar.flv-i             : input file name-ar          : audio sampling rate in HZ-ab          : audio bit rate in kbit/s-f             : output format-s             : output dimensionFLV -> JPG# ffmpeg -i test.flv -an -r 1 -y -s 640x480 test%d.jpg-i             : input file name-an         : disable audio -r            : fps-y           : overwrite file-s            : output dimensionParticular frame to JPG# ffmpeg -i test.flv -an -ss 00:00:10 -t 00:00:01 -r 1 -y -s 640x480 test%d.jpg-ss          : recored start time-t            : record end time last for- ffmpeg 실무 사용법ffmpeg를 이용하여 avi 파일을 flv로 변환 한다.# ffmpeg -i onestar.avi -b 512k -ar 22050 -ab 128k -r 24 -s 400x300 onestar.flv or# ffmpeg -i "onestar.avi" -vcodec flv -f flv -r 29.97 -s 400x300 -aspect 4:3 -b 320k -g 160 -cmp 2 -subcmp 2 -mbd 2 -flags aic cbp mv0 mv4 trell -ac 1 -ar 22050 -ab 128k "onestar.flv"- FLV에 메타데이터 넣기 (스트리밍 보기-중간 구간 바로 보기)# flvtool2 -U onstar.flv- 동영상 썸네일 만들기# ffmpeg -y -i onestar.avi -vframes 1 -ss 00:00:02 -an -vcodec png -f rawvideo -s 400x300 onestar.png# ffmpeg  -itsoffset -4  -i test.avi -vcodec mjpeg -vframes 1 -an -f rawvideo -s 320x240 test.jpg- 동영상에 자막 넣기동영상을 flv 로 변환할때 자막을 같이 넣을 경우 기존의 ffmpeg로는 자막 포함 기능이 제공되지 않는다. 자막을 포함하여 인코딩을 할 수 있는 프로그램으로 mencoder이 있다.설치는 yum으로 쉽게 가능하다.# yum install mencoder설치 후 자막의 언어 설정을 아래와 같이 한다.$ vi ~/.mplayer/mencoder.conf-------------------------------------------------------------------------font="/usr/share/fonts/korean/TrueType/gulim.ttf"subfont-text-scale=3subcp=cp949-------------------------------------------------------------------------이제 mencoder로 자막을 포함해서 인코딩을 한다.$ mencoder -noodml [avi파일]  -o [flv파일]  -sub $1.smi -of lavf -oac mp3lame -lameopts abr:br=128 -ovc lavc -lavcopts vcodec=flv:vbitrate=512:mbd=2:mv0:trell:v4mv:cbp:last_pred=3 -srate 44100 -lavfopts i_certify_that_my_video_stream_does_not_use_b_frames -vf-add scale=400:300- 웹 FLV_Player 연동하기웹에서 FLV 파일을 스트리밍으로 볼수 있는 Player는 여러가지가 있다.* UCCUP에서 제공하는 Player -** GRZ_JWMediaPlayer- UCCUP Player 연동하기아래 구문중 flv 파일명과 png 파일명을 수정 후 HTML 문서에 붙여 넣는다. flv,png 파일은 [UCCUP설치경로]/SERVICE 디렉토리 밑에 복사해 둔다.- GRZ_JWMediaPlayer 연동하기아래는 textcube의 플러그인으로 연동된 GRZ_JWMediaPlayer를 이용하는 방법이다.[Flash] - FlowPlayer 연동하기기본 연동법 ------------------------------------------------------------------------------------            --------------------------------------------------------------------------------------or --------------------------------------------------------------------------------------flowplayer("player", "./flowplayer-3.0.2.swf");--------------------------------------------------------------------------------------or --------------------------------------------------------------------------------------flowplayer("player", "./flowplayer-3.0.2.swf", {    clip: {        url: '',        autoPlay: false,        onStart: function(clip) {            pageTracker._trackPageview("configuration demo: " clip.url);        }    }});---------------------------------------------------------------------------------------or (youtube 방식의 동영상 라이브러리 구현)---------------------------------------------------------------------------------------">">">/* player style *//* container has a background image */a.player {        margin-top:40px;        display:block;        background:url( no-repeat;        width:425px;        height:298px;        padding:0 126px 75px 127px;        text-align:center;        color:#fff;        text-decoration:none;        cursor:pointer;}/* splash image */a.player img {        margin-top:115px;        border:0;}#player {        float:left;}/* playlist style */#playlist {        width:300px;        height:380px;        overflow-y:auto;        overflow-x:hidden;        border:1px solid #ccc;        padding:4px 10px 12px 10px;        background-color:#efefef;        margin-top:20px;        float:left;}/* playlist entry */#playlist a {        display:block;        width:260px;        height:60px;        padding:7px;        background-color:#fff;        border:1px solid #ccc;        font:11px "bitstream vera sans", "lucida grande",verdana;        text-decoration:none;        margin-top:7px;        color:#666;}/* different states of a playlist entry */#playlist a:hover {        background-color:#ffc;}#playlist a.progress {        background-color:#efefef;}#playlist a.playing {        border:1px solid #666;        background-color:#ffc;}#playlist a.paused {        border:1px solid #666;        background-color:#ffc;}/* elements inside playlist entry */#playlist a img {        border:0;        float:left;        margin-right:10px;}#playlist a strong {        color:blue;        padding-bottom:5px;}#playlist a em {        border:0;            float:left;        margin-right:10px;        background:url( no-repeat 0 50%;        padding-left:20px;        color:#333;        font-style:normal;        margin-top:10px;}$(function() {        // setup player        $f("player", "flowplayer-3.0.2.swf", {                clip: {baseUrl: ''}        // playlist plugin        }).playlist("#playlist");});        071202-탄생1071202-탄생2..------------------------------------------------------------------------------------- Encoding 관련 스크립트 제작ffmpeg를 이용하여 avi 파일을 flv로 변환하는 스크립트# vi /usr/bin/ [filename] [geometry]-----------------------------------------------------------------------------------#!/bin/shif [ $# -lt 2 ]thenecho -n "using : ( movie 400x300 )";exit;fiffmpeg -i $1.avi -b 512k -ar 22050 -r 24 -ab 128k -s $2 $1.flv ffmpeg -y -i $1.avi -vframes 1 -ss 00:00:02 -an -vcodec png -f rawvideo -s $2 $1.pngflvtool2 -U $1.flvecho -n "--------------------------------------------------------$1.avi completed $1.flv to encoding..!!--------------------------------------------------------";----------------------------------------------------------------------------------mencoder를 이용하여 avi파일과 smi 자막파일을 flv 파일로 변환하는 스크립트# vi /usr/bin/ ----------------------------------------------------------------------------------#!/bin/shif [ $# -lt 3 ]thenecho -n "using : ( movie 400 300 )";exit;fimencoder -noodml $1.avi -o $1.flv -sub $1.smi -of lavf -oac mp3lame -lameopts abr:br=128 -ovc lavc -lavcopts vcodec=flv:vbitrate=512:mbd=2:mv0:trell:v4mv:cbp:last_pred=3 -srate 44100 -lavfopts i_certify_that_my_video_stream_does_not_use_b_frames -vf-add scale=${2}:${3}ffmpeg -y -i $1.avi -vframes 1 -ss 00:00:02 -an -vcodec png -f rawvideo -s ${2}x${3} $1.pngflvtool2 -U $1.flvecho -n "--------------------------------------------------------$1.avi completed $1.flv to encoding..!!--------------------------------------------------------";---------------------------------------------------------------------------------디렉토리내 flv 파일을 UCCUP Player에서 인식할 수 있는 HTML 코드로 변환하는 스크립트# vi /usr/bin/!/bin/shrm -f source.htmlls -1 *.flv | sed -e 's/\.flv//g' > filelistA=`cat filelist`for B in `echo $A`doecho -n "" >> source.htmldone---------------------------------------------------------------------------------4.2 RED5 를 이용한 스트리밍 서비스 환경 구축하기 - Red5 설치하기ant download : download : download : http://java.sun.com각 사이트에서 최신 패키지를 다운받는다.apache-ant-1.7.1-bin.tar.gzred5-0.7.0.tar.gzjdk-6u11-linux-x64-rpm.bin- JDK 설치하기# chmod 755 jdk-6u11-linux-x64-rpm.bin # ./jdk-6u11-linux-x64-rpm.bin --------------------------------------------------------------------------------..Do you agree to the above license terms? [yes or no]              yesUnpacking...Checksumming...Extracting...UnZipSFX 5.50 of 17 February 2002, by Info-ZIP (  inflating: jdk-6u11-linux-amd64.rpm    inflating: sun-javadb-common-10.4.1-3.1.i386.rpm    inflating: sun-javadb-core-10.4.1-3.1.i386.rpm    inflating: sun-javadb-client-10.4.1-3.1.i386.rpm    inflating: sun-javadb-demo-10.4.1-3.1.i386.rpm    inflating: sun-javadb-docs-10.4.1-3.1.i386.rpm    inflating: sun-javadb-javadoc-10.4.1-3.1.i386.rpm  준비 중...                  ########################################### [100%]..Press Enter to continue.....Done./usr/java 디렉토리 밑에 설치 완료 .- Ant 설치하기# tar xzvf apache-ant-1.7.1-bin.tar.gz # mv apache-ant-1.7.1 /usr/local/ant- Red5 설치하기# mkdir /usr/local/red5# tar xzvf red5-0.7.0.tar.gz -C /usr/local/red5- 환경설정하기# vi /etc/profile.d/ -----------------------------------------------------------------------------#!/bin/shexport JAVA_HOME=/usr/java/defaultexport JAVA_VERSION=1.6export ANT_HOME=/usr/local/antexport PATH=${ANT_HOME}/bin:${JAVA_HOME}/bin:$PATH----------------------------------------------------------------------------# source /etc/profile.d/ # java -versionjava version "1.6.0_11"Java(TM) SE Runtime Environment (build 1.6.0_11-b03)Java HotSpot(TM) 64-Bit Server VM (build 11.0-b16, mixed mode)- RED5 컴파일 및 데몬 시작하기 에서 final 바이너리 패키지를 받은 경우 별도의 컴파일없이 바로 실행이 가능하다.# cd /usr/local/red5# sh red5.shsvn를 통해 코드를 받은 경우 아래와 같이 컴파일을 해줘야 한다.# cd /usr/local# svn co red5src# cd red5방법1 :# cd /usr/local/red5src# ant server &# /usr/local/ant/bin/ant # cp -a /usr/local/red5src/dist /usr/local/red5# cd /usr/local/red5# ./ &방법2 :# cd /usr/local/red5src# make# make install# cd /usr/lib/red5# ./ &방법 3 :# cd /usr/local/red5src# ant prepare# ant buildTarget "build" does not exist in the project "RED5". 라는 에러가 발생했을 경우# antor# ant -f build.xml# cp -a dist /usr/local/red5# cd /usr/local/red5# sh &;; 3번 권장함최신버전으로 컴파일 시 간혹 아래와 같은 에러가 발생하는 경우가 있다.------------------------------------------------------------------------.[ivy:resolve]           :: spring#spring-support;2.0.8: not found[ivy:resolve]           :: javax#jsp-api;2.1: not found[ivy:resolve]           :: red5#xercesImpl;2.9.0: not found[ivy:resolve]           :: red5#groovy;1.0: not found[ivy:resolve]           :: commons#commons-lang;2.3: not found[ivy:resolve]           :: tomcat#jasper;6.0.14: not found[ivy:resolve]           ::::::::::::::::::::::::::::::::::::::::::::::[ivy:resolve][ivy:resolve] :: USE VERBOSE OR DEBUG MESSAGE LEVEL FOR MORE DETAILSBUILD FAILED/usr/local/red5-0.7.0/build.xml:205: The following error occurred while executing this line:/usr/local/red5-0.7.0/build.xml:221: The following error occurred while executing this line:/usr/local/red5-0.7.0/build.xml:165: impossible to resolve dependencies:        resolve failed - see output for details ------------------------------------------------------------------------위 문제는 ivy 라는 패키지 관리 도구에서 red5 컴파일 시 필요한 패키지를 사전에 정의된패키지 저장소에서 자동으로 다운로드 받게 되는데, 필요한 패키지를 찾을 수 없을때 발생한다. ivy.xml 와 ivysettings.xml 파일에 다운로드 경로 정보가 있는데, 이것이 변동된 경우 발생하니ivysettings.xml 에서 부분을 로 수정하거나 최신 해당 파일을 다운로드 받으면된다.- Init script 만들기# vi /etc/rc.d/init.d/red5--------------------------------------------------------------------------#!/bin/sh## Startup script for Red5 flash streaming server## chkconfig: 345 81 81# description: RED5 by java## processname: java (unfortunately)# pidfile: /var/run/ config: /etc/red5.conf# Source function library.. /etc/rc.d/init.d/functionsPID_FILE=/var/run/red5.pidPID=`ps ax |grep java|grep red5|awk '{print $1;}'`RETVAL=0start() {echo -n $"Starting $DESCR: "# daemon java $OPTIONS > /dev/null 2>&1 &export ANT_HOME=/usr/local/antexport JAVA_HOME=/usr/java/defaultexport PATH=$PATH:$JAVA_HOME/bin:$ANT_HOME/binexport CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jarexec $JAVA_HOME/bin/java -cp /usr/local/red5/red5.jar:conf:/usr/local/red5/conf org.red5.server.Standalone > /dev/null 2>&1 & RETVAL=$?[ $RETVAL = 0 ] && touch /var/lock/subsys/red5 && echo $!>$PID_FILE && echo_successechoreturn $RETVAL}stop() {echo -n $"Stopping $DESCR: "#killproc $PID_FILE[[ $PID != "" ]] && success && kill $PID || failureRETVAL=$?echo[ $RETVAL = 0 ] && rm -f /var/lock/subsys/red5 $PID_FILE}# See how we were "$1" instart)start;;stop)stop;;restart)stopsleep 3start;;*)echo $"Usage: $DESCR {start|stop|restart}"exit 1esacexit $RETVAL----------------------------------------------------------------------------# chmod 755 /etc/rc.d/init.d/red5# chkconfig --add /etc/rc.d/init.d/red5# /etc/rc.d/init.d/red5 start- red5 spec file----------------------------------------------------------------------------Summary: Red5 ServerName: red5Version: 0.7.0Release: 1Source0: %{name}-%{version}.tar.gzLicense: LGPLGroup: Applications/NetworkingBuildRoot: %{_builddir}/%{name}-rootscriptionThe Red5 open source Flash server allows you to record and stream video to the Flash Player.%prep%setup -q%buildant dist-installer%installcp dist $RPM_BUILD_ROOT%cleanrm -rf $RPM_BUILD_ROOT%filesfattr(-,root,root)/usr/local/bin/red5.init%doc doc/changelog.txt------------------------------------------------------------------------------- Red5를 이용한 flv 동영상 스트리밍 Player 환경 구성하기 파일을 다운로드 받는다. cp mediaplayer.html index.html# vi index.html------------------------------------------------------------------------------">Get the Flash Player to see this player.        var s2 = new SWFObject("mediaplayer.swf","playlist","640","640","9");        s2.addParam("allowfullscreen","true");        s2.addVariable("file","playlist.xml");        s2.addVariable("displayheight","480");        s2.addVariable("backcolor","0x000000");        s2.addVariable("frontcolor","0xCCCCCC");        s2.addVariable("lightcolor","0x996600");        s2.write("player2");----------------------------------------------------------------------------------# vi playlist.xml----------------------------------------------------------------------------------                        Resident.Evil.Degeneration.2008        alang        rtmp://        residentevil.flv        rtmp                ..----------------------------------------------------------------------------------위의 rtmp:// 에 해당 red5 streams 디렉토리경로를 지정한다.기본 경로는 [RED5_PATH]/webapps/oflaDemo/streams 디렉토리 밑에 flv 파일을 넣어두면된다.- RED5와 OpenLaszlo를 이용한 스트리밍 환경 구축하기 에서 최신 패키지를 다운받는다.최신 개발 패키지  : tar xzvf openlaszlo-4.2.0-unix.tar.gz# mv lps-4.2.0 /usr/local/lps# cd /usr/local/lps/Server/tomcat-5.0.24/bin# ./ ----------------------------------------------------------------------------------Using CATALINA_BASE:   /usr/local/lps/Server/tomcat-5.0.24Using CATALINA_HOME:   /usr/local/lps/Server/tomcat-5.0.24Using CATALINA_TMPDIR: /usr/local/lps/Server/tomcat-5.0.24/tempUsing JAVA_HOME:       /usr/java/default----------------------------------------------------------------------------------http://domain:8080/lps-4.2.0/demos/# cd /usr/local/lps/Server/lps-4.2.0/demos/videolibrary# vi videolibrary.lzx ---------------------------------------------------------------------------------- -> 삭제..    이 부분을 ..    으로 ..     이 부분을 ..    으로 변경 ----------------------------------------------------------------------------------# vi videolibrary.jsp ---------------------------------------------------------------------------------    public String libraryDirectory =        "/home/fms/applications/test/streams/instance1/"; --> 이부분을 .. "/usr/local/red5/webapps/oflaDemo/streams/" 으로 ..    public String libraryUrl =        "rtmp://localhost/test/instance1/"; --> 이부분을  "rtmp://domain/oflaDemo/"; 으로 ..---------------------------------------------------------------------------------아래 주소로 접속하면 확인이 가능하다.;; flv 파일명이 한글이면 안된다. ;; flv 파일 리스트와 썸네일이 보이지 않는다.- thumbnail 관련 임시 조치# cd /usr/local/lps/Server/lps-4.2.x/demos/videolibrary# vi videolibrarythumbnail.lzx --------------------------------------------------------------------------------.        --------------------------------------------------------------------------------resources="원하는 thumbnail 파일 경로" 적어 준다.....ㅠ.ㅠ- lps URL 변경# cd /usr/local/lps/Server/tomcat-5.0.24/conf/LPS/localhost# vi lps.xml--------------------------------------------------------------------------------위의 path="" 에 url에 표시될 alias명을 적는다.http://domain:8080/- SOLO 기능 이용하기solo 는 laszlo에서 개발된 내용을 HTML과 swf 형태로 변경해 주는 관리 기능이다.실제 laszlo로 미디어 관련 어플리케이션을 개발한 후 최종적으로는 solo를 이용하여웹 컨텐츠 형태로 변형 시켜 사용한다.solo 버턴을 클릭하면 해당 컨텐츠가 zip 파일로 압축된다. 압축 파일 위치는 /usr/local/lps/Server/lps-4.2.x/lps/admin 이다.웹서버의 적당한 디렉토리 및에 해당 파일을 풀고 사용하면 된다.4.3 WebCam 설치하기- webcam driver 다운로드$ wget$ wget -O patch.tar.gz- driver 패치 및 설치$ tar -xvf gspcav1-20071224.tar.gz$ tar -xvf patch.tar.gz$ cd gspcav1-20071224 $ patch -p1 > gspca.ko파일이 생성된다.$ lsmod | grep gspca            // videodev가 보일것이다.$ rmmod gspca$ modprobe -v gspca >> insmod /lib/modules/2.6.18-92.el5/kernel/driver/usb/media/gspca.ko대략 저러한것들이 보인다.없을 경우..  $ rmmod gspca$ mv gspca.ko /lib/modules/2.6.18-92.el5//kernel/driver/media/video/$ modprobe gspca위와 같이 해당위치에 파일을 옮겨주다.# cd /lib/modules# depmod -a 2.6.18-92.el5# mknod /dev/video0 c 81 0 # ln -sf /dev/video0 /dev/video- webcam viewer 설치 (xawtv)# yum install xawtv

  • no image
  • ios html5 audio 연속 재생

     //오디오 부분의 id를 가져온다 var audioid = document.getElementById("audioid");//파일 재생이 완료되었을 때 다음 파일로 재생을 하도록한다.audioid…

  • no image
  • 의 속성과 메소드March 9, 2011 taggon Tip&Tech, 7이 글은 HTML5, 그리고  시리즈의 전체 3개 중 3번째 글입니다.HTML5, 그리고 태그코덱 전쟁의 속성과 메소드지난 글을 통해 HTM…


    [HTML5] VIDEO & AUDIOPOSTED IN 모바일, 그리고 웹(WEB)/HTML5 // POSTED AT 2010/08/24 13:39멀티미디어 지원HTML 5 를 지원하는 브라우저는 비디오, 오디오와 …