출처 : http://blog.syszone.co.kr/2719
7. FFmpeg 와 Flv Player를 이용한 Web Streaming 서비스 환경 구축 하기
지금까지 설명한 기술 내용으로 일반 동영상 파일을 웹 환경에서 스트리밍이 가능한 flv 파일로
변환하고, 이용 가능한 Flv player를 통해 기본적인 스트리밍 환경을 구성할 수 있다.
아래는 실제 환경에 적용 가능한 수준의 스트리밍 환경을 구성해 보자
우선 스트리밍 서비스 대상 동영상을 웹 서비스가 가능한 특정 경로 밑의 SERVICE 란 디렉토리에
복사한다.
# cp *.avi [PATH]/SERVICE
# cd [PATH]/SERVICE
여기서 [PATH] 는 웹서버의 Document Root 아래에 해당하는 상대 경로이다.
해당 디렉토리 밑에 있는 avi 파일을 ffmpeg_encoder.sh 스크립트를 이용하여 flv 파일 형태로
모두 변환한다. (자동화 스크립트는 각자 개발 ..)
# ls -1 | grep flv$ > list.txt
uccup player 관련 파일을 [PATH] 에 복사해 둔다. -> 별도 요청
uccup 의 config 파일의 설정을 수정한다.
# vi config.php
$SERVICE_DIR = $_SERVER[DOCUMENT_ROOT] . '[PATH]/SERVICE/';
.
.
이제 간단한 스트리밍 동영상 목록 페이지와 Player 뷰어 페이지를 개발해야 한다.
아래는 직접 개발한 간단한 소스이다. 참고 바람..
- 스트리밍 동영상 목록 페이지
# vi index.php
<?
include "./config.inc";
$root = "./SERVICE";
$fp = fopen("${root}/list.txt","r");
$fsize = filesize("${root}/list.txt");
if (!$fp) {
echo ("list.txt .");
exit;
}
while (!feof($fp)) {
$str = fgets($fp,$fsize);
$str = trim($str);
$str = ereg_replace(".flv","",trim($str));
$arr[] = $str;
}
$M_num = sizeof($arr) - 1;
$MovieName = "<font size=3><b>\"$M_Name\" 에 해당하는 동영상/[$M_num]편 </b></font>";
?>
<html>
<head>
<link rel="stylesheet" href="main.css" type="text/css">
</head>
<body bgcolor=#DDE5D9>
<table width=650 cellspacing=5 cellpadding=0 border=0 bgcolor=#EFEFEF>
<tr>
<td height=50 align=left vaglign=middle bgcolor=white>
<? echo $MovieName; ?>
</td>
</tr>
<tr>
<td bgcolor=white align=center>
<table width=500 cellspacing=7 cellpadding=3 border=0>
<tr bgcolor=#DEDEDE align=center>
<?
if (!$fp) {
echo ("list.txt 파일이 없습니다.");
exit;
}
while (!feof($fp)) {
$str = fgets($fp,$fsize);
$str = trim($str);
$str = ereg_replace(".flv","",trim($str));
$arr[] = $str;
}
for ($i = 0; $i < sizeof($arr) -1 ; $i++) {
$A = ${i} % 5 ;
$B = ${i} + 1 ;
if ( $A == 0 ) {
echo ("</tr><tr bgcolor=#DEDEDE align=center><td>
<table cellpadding=2 cellspacing=2 width=100% border=0>
<tr><td align=center bgcolor=white><a href=view.php?filename=$arr[$i]&moviename=$B>
<img src=$root/$arr[$i].jpg width=100 height=70 alt=$arr[$i] border=0></a>
</td></tr>
<tr><td align=center bgcolor=white>$M_Name $B</td></tr>
</table>
</td>");
} else {
echo ("<td>
<table cellpadding=2 cellspacing=2 width=100% border=0>
<tr><td align=center bgcolor=white><a href=view.php?filename=$arr[$i]&moviename=$B>
<img src=$root/$arr[$i].jpg width=100 height=70 alt=$arr[$i] border=0></a>
</td></tr>
<tr><td align=center bgcolor=white>$M_Name $B</td></tr>
</table>
</td>");
}
}
?>
</td></tr></table>
- 동영상 Player 뷰어 페이지
# vi view.php
<?
include "./config.inc";
$root = "./SERVICE";
$fp = fopen("${root}/list.txt","r");
$fsize = filesize("${root}/list.txt");
$MovieName = "<font size=3><b>\"$M_Name\" [$moviename]편에 해당하는 동영상</b></font>";
?>
<html>
<head>
<link rel="stylesheet" href="main.css" type="text/css">
</head>
<body bgcolor=#DDE5D9>
<table width=650 cellspacing=5 cellpadding=0 border=0 bgcolor=#EFEFEF>
<tr>
<td height=50 align=left vaglign=middle bgcolor=white>
<table width=100% cellpadding=0 cellspacing=0 border=0>
<tr><td align=left height=50>
<? echo ("$MovieName"); ?>
</td><td align=right><a href=index.php>전체 목록보기</a> </td></tr>
</table>
</td>
</tr>
<tr>
<td height=450 bgcolor=white align=center valign=middle>
<embed src="http://syszone.co.kr/<? echo $top; ?>/UCCUp.swf?file=http://syszone.co.kr/<? echo $top; ?>/file.php?f=<? echo $filename; ?>.flv&previewImage=http://syszone.co.kr/<? echo $top; ?>/file.php?f=<? echo $filename; ?>.jpg&bufferTime=3&bgColor=-1"
width="600" height="420" scale="noscale" bgcolor="#ffffff" type="application/x-shockwave-flash" allowFullScreen="true"
allowScriptAccess="always" allowNetworking="all" pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed>
</td></tr>
<tr><td>
<table width=100% cellpadding=0 cellspacing=0 border=0><tr>
<?
if (!$fp) {
echo ("list.txt 파일이 없습니다.");
exit;
}
while (!feof($fp)) {
$str = fgets($fp,$fsize);
$str = trim($str);
$str = ereg_replace(".flv","",trim($str));
$arr[] = $str;
}
if ( sizeof($arr) > ( $moviename + 5) ) {
for ($i = $moviename; $i < $moviename + 5 ; $i++) {
$B = $i + 1;
echo ("<td>
<table cellpadding=2 cellspacing=2 width=100% border=0>
<tr><td align=center bgcolor=white><a href=view.php?filename=$arr[$i]&moviename=$B>
<img src=$root/$arr[$i].jpg width=100 height=70 alt=$arr[$i] border=0></a>
</td></tr>
<tr><td align=center bgcolor=white>$M_Name $B</td></tr>
</table></td>");
}
} else {
$A = sizeof($arr) - $moviename - 1;
for ($i = $moviename; $i < $moviename + $A ; $i++) {
$B = $i + 1;
echo ("<td>
<table cellpadding=2 cellspacing=2 width=100% border=0>
<tr><td align=center bgcolor=white><a href=view.php?filename=$arr[$i]&moviename=$B>
<img src=$root/$arr[$i].jpg width=100 height=70 alt=$arr[$i] border=0></a>
</td></tr>
<tr><td align=center bgcolor=white>$M_Name $B</td></tr>
</table></td>");
}
}
?>
</tr>
</table>
- 환경 설정 파일
# vi config.inc
<?
$M_Name = "동영상서비스이름";
$top = "[PATH]";
?>
이제 http://domain/[PATH] 로 접속해서 확인한다.
그럼.. [PATH]/SERVICE 디렉토리안에 있는 모든 flv 파일이 리스트화 된 화면이 나타날것이다.
8. RED5 를 이용한 스트리밍 서비스 환경 구축하기
- Red5 설치하기
ant download : http://ant.apache.org/bindownload.cgi
red5 download : http://osflash.org/red5
jdk download : http://java.sun.com
각 사이트에서 최신 패키지를 다운받는다.
apache-ant-1.7.1-bin.tar.gz
red5-0.7.0.tar.gz
jdk-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]
yes
Unpacking...
Checksumming...
Extracting...
UnZipSFX 5.50 of 17 February 2002, by Info-ZIP (Zip-Bugs@lists.wku.edu).
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/ant_java.sh
-----------------------------------------------------------------------------
#!/bin/sh
export JAVA_HOME=/usr/java/default
export JAVA_VERSION=1.6
export ANT_HOME=/usr/local/ant
export PATH=${ANT_HOME}/bin:${JAVA_HOME}/bin:$PATH
----------------------------------------------------------------------------
# source /etc/profile.d/ant_java.sh
# java -version
java 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 컴파일 및 데몬 시작하기
http://osflash.org/red5 에서 final 바이너리 패키지를 받은 경우 별도의 컴파일
없이 바로 실행이 가능하다.
# cd /usr/local/red5
# sh red5.sh
svn를 통해 코드를 받은 경우 아래와 같이 컴파일을 해줘야 한다.
# cd /usr/local
# svn co http://red5.googlecode.com/svn/java/server/trunk 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
# ./red5.sh &
방법2 :
# cd /usr/local/red5src
# make
# make install
# cd /usr/lib/red5
# ./red5.sh &
방법 3 :
# cd /usr/local/red5src
# ant prepare
# ant build
Target "build" does not exist in the project "RED5". 라는 에러가 발생했을 경우
# ant
or
# ant -f build.xml
# cp -a dist /usr/local/red5
# cd /usr/local/red5
# sh 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 DETAILS
BUILD 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 에서 http://red5.googlecode.com/svn/trunk/repository/ 부분을
http://red5.googlecode.com/svn/repository 로 수정하거나 최신 해당 파일을 다운로드 받으면
된다.
- 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/red5.pid
# config: /etc/red5.conf
# Source function library.
. /etc/rc.d/init.d/functions
PID_FILE=/var/run/red5.pid
PID=`ps ax |grep java|grep red5|awk '{print $1;}'`
RETVAL=0
start() {
echo -n $"Starting $DESCR: "
# daemon java $OPTIONS > /dev/null 2>&1 &
export ANT_HOME=/usr/local/ant
export JAVA_HOME=/usr/java/default
export PATH=$PATH:$JAVA_HOME/bin:$ANT_HOME/bin
export CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar
exec $JAVA_HOME/bin/java -Djava.security.manager -Djava.security.policy=/usr/local/red5/conf/red5.policy -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_success
echo
return $RETVAL
}
stop() {
echo -n $"Stopping $DESCR: "
#killproc $PID_FILE
[[ $PID != "" ]] && success && kill $PID || failure
RETVAL=$?
echo
[ $RETVAL = 0 ] && rm -f /var/lock/subsys/red5 $PID_FILE
}
# See how we were called.
case "$1" in
start)
start
;;
stop)
stop
;;
restart)
stop
sleep 3
start
;;
*)
echo $"Usage: $DESCR {start|stop|restart}"
exit 1
esac
exit $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 Server
Name: red5
Version: 0.7.0
Release: 1
Source0: %{name}-%{version}.tar.gz
License: LGPL
Group: Applications/Networking
BuildRoot: %{_builddir}/%{name}-root
%description
The Red5 open source Flash server allows you to record and stream video to the Flash Player.
%prep
%setup -q
%build
ant dist-installer
%install
cp dist $RPM_BUILD_ROOT
%clean
rm -rf $RPM_BUILD_ROOT
%files
%defattr(-,root,root)
/usr/local/bin/red5.init
%doc doc/changelog.txt
------------------------------------------------------------------------------
- Red5를 이용한 flv 동영상 스트리밍 Player 환경 구성하기
flash_media_player.zip 파일을 다운로드 받는다.
http://www.jeroenwijering.com/upload/flash_media_player.zip
# cp mediaplayer.html index.html
# vi index.html
------------------------------------------------------------------------------
<html>
<head>
<script type="text/javascript" src="swfobject.js"></script>
</head>
<body>
<p id="player2"><a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this player.</p>
<script type="text/javascript">
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");
</script>
</body>
</html>
----------------------------------------------------------------------------------
# vi playlist.xml
----------------------------------------------------------------------------------
<playlist version="1" xmlns="http://xspf.org/ns/0/">
<trackList>
<track>
<title>Resident.Evil.Degeneration.2008</title>
<creator>alang</creator>
<location>rtmp://syszone.co.kr/oflaDemo/</location>
<identifier>residentevil.flv</identifier>
<meta rel="type">rtmp</meta>
</track>
</trackList>
.
.
</playlist>
----------------------------------------------------------------------------------
위의 <location>rtmp://syszone.co.kr/oflaDemo/</location> 에 해당 red5 streams 디렉토리
경로를 지정한다.
기본 경로는 [RED5_PATH]/webapps/oflaDemo/streams 디렉토리 밑에 flv 파일을 넣어두면된다.
9. RED5와 OpenLaszlo를 이용한 스트리밍 환경 구축하기
http://www.openlaszlo.org 에서 최신 패키지를 다운받는다.
최신 개발 패키지 : http://download.openlaszlo.org/nightly/trunk
# 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
# ./startup.sh
----------------------------------------------------------------------------------
Using CATALINA_BASE: /usr/local/lps/Server/tomcat-5.0.24
Using CATALINA_HOME: /usr/local/lps/Server/tomcat-5.0.24
Using CATALINA_TMPDIR: /usr/local/lps/Server/tomcat-5.0.24/temp
Using 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
----------------------------------------------------------------------------------
<include href="av/videoutils.lzx"/> -> 삭제
.
.
<dataset name="ds_library"
src="http:videolibrary.jsp?method=getLibrary"
request="true"
/>
이 부분을 ..
<dataset name="ds_library"
src="http://192.168.123.2:8080/lps-4.2.0/demos/videolibrary/videolibrary.jsp?method=getLibrary"
request="true"
/>
으로 ..
<rtmpconnection id="rtc"
autoconnect="true"
debug="true"
src="rtmp:localhost/test/instance1"
/>
이 부분을 ..
<rtmpconnection id="rtc"
autoconnect="true"
debug="true"
src="rtmp://192.168.123.90/oflaDemo"
/>
으로 변경
----------------------------------------------------------------------------------
# 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/"; 으로 ..
---------------------------------------------------------------------------------
아래 주소로 접속하면 확인이 가능하다.
http://192.168.123.2:8080/lps-4.2.0/demos/videolibrary/videolibrary.lzx
;; flv 파일명이 한글이면 안된다.
;; flv 파일 리스트와 썸네일이 보이지 않는다.
- thumbnail 관련 임시 조치
# cd /usr/local/lps/Server/lps-4.2.x/demos/videolibrary
# vi videolibrarythumbnail.lzx
--------------------------------------------------------------------------------
<videothumbnail name="vt"
.
thumbnailtime="${classroot.thumbnailtime}" resource="resources/thumbnail.jpg"
/>
--------------------------------------------------------------------------------
resources="원하는 thumbnail 파일 경로" 적어 준다.
....ㅠ.ㅠ
- lps URL 변경
# cd /usr/local/lps/Server/tomcat-5.0.24/conf/LPS/localhost
# vi lps.xml
--------------------------------------------------------------------------------
<Context docBase="../../lps-4.2.x" path="/lps-4.2.x">
위의 path="" 에 url에 표시될 alias명을 적는다.
http://domain:8080/<alias_name>
- SOLO 기능 이용하기
solo 는 laszlo에서 개발된 내용을 HTML과 swf 형태로 변경해 주는 관리 기능이다.
실제 laszlo로 미디어 관련 어플리케이션을 개발한 후 최종적으로는 solo를 이용하여
웹 컨텐츠 형태로 변형 시켜 사용한다.
solo 버턴을 클릭하면 해당 컨텐츠가 zip 파일로 압축된다.
압축 파일 위치는 /usr/local/lps/Server/lps-4.2.x/lps/admin 이다.
웹서버의 적당한 디렉토리 및에 해당 파일을 풀고 사용하면 된다.
- 동영상 저장소 분리하기
기본적으로 하나의 저장소에 동영상을 모두 저장해야 하는데, 이 경우 동영상의 수가
너무 많아 지면, 동영상 목록을 불려 올때 일정 시간 이후에 로딩되는 목록의 경우
익식을 못하는 문제가 발생한다.
또한 성격이 다른 동영상을 분리하여 저장할 필요가 있는데, 하나의 저장소를 통해
관리하기엔 한계가 있다.
저장소를 분리하여 관리하는 방법에 대해 알아보자.
본 방법이 정식적인 방법은 아니라고 본다. 그냥 될거 같아 해 보았는데 되더라.
일단 red5 의 동영상 서비스 위치인 /usr/local/red5/webapps/oflaDemo 을 다른이름
으로 복사한다.
# cd /usr/local/red5/webapps
# mkdir oflaDemo2007
# cp -a oflaDemo/WEB-INF/ oflaDemo2007/
# cd oflaDemo2007/WEB-INF
# vi red5-web.properties
---------------------------------------------------------------
webapp.contextPath=/oflaDemo2007
---------------------------------------------------------------
# vi web.xml
---------------------------------------------------------------
<context-param>
<param-name>webAppRootKey</param-name>
<param-value>/oflaDemo2007</param-value>
---------------------------------------------------------------
# cd ..
# mkdir streams
이제 /usr/local/red5/webapps/oflaDemo2007/streams 밑에 해당 동영상을 복사한다.
그런 다음 lps 의 videolibrary 소스 저장소를 분리한다.
# cd /usr/local/lps/Server/lps-4.7.2/demos
# cp -a videolibrary videolibrary2007
# cd videolibrary2007/
# vi videolibrary.jsp
----------------------------------------------------------------
public String libraryDirectory =
//"/usr/local/src/red5/webapps/test/instance1/streams/";
"/usr/local/red5/webapps/oflaDemo2007/streams/";
public String libraryUrl =
"rtmp://syszone.co.kr/oflaDemo2007/";
----------------------------------------------------------------
# vi videolibrary.lzx
----------------------------------------------------------------
<dataset name="ds_library"
src="http://syszone.co.kr:8080/lps-4.7.2/demos/videolibrary2007/videolibrary.jsp?method=getLibrary"
request="true"
/>
<rtmpconnection id="rtc"
autoconnect="true"
debug="true"
src="rtmp://syszone.co.kr/oflaDemo2007/"
/>
# cd /usr/local/lps/Server/tomcat-5.0.24/bin/
# ./shutdown.sh
# /etc/rc.d/init.d/red5 stop
# /etc/rc.d/init.d/red5 start
# ./startup.sh
이제 웹 브라우저에서 확인을 한다.
http://domain:8080/lps-4.7.2/demos/videolibrary2007/videolibrary.lzx
본 문서의 데모는 blog.syszone.co.kr 의 동영상앨범과 LINKS 메뉴에서 실제 스트리밍
서비스를 확인해 보면 된다.
'Linux > 서버' 카테고리의 다른 글
| 스트리밍 서버구축(RED5) (0) | 2015.12.28 |
|---|---|
| 스트리밍 서버구축(실패작) (0) | 2015.12.28 |
| VOD 스트리밍서버 구축하기 - 1 (0) | 2015.12.02 |
| TELNET 설정 (0) | 2015.11.21 |
| VSFTPD를 이용한 FTP 설치 및 설정 (0) | 2015.11.21 |
