ios 에서 안되는 viode /audio 관련 속성들.. > UCC,스트리밍 관련 자료

본문 바로가기

검색취소

ios 에서 안되는 viode /audio 관련 속성들..

검색 이전 다음 목록

본문

iOS-Specific Considerations

There are a handful of device-specific considerations you should be aware of when embedding audio and video using HTML5.

Optimization for Small Screens

Currently, Safari optimizes video presentation for the smaller screen on iPhone or iPod touch by playing video using the full screen?video controls appear when the screen is touched, and the video is scaled to fit the screen in portrait or landscape mode. Video is not presented within the webpage. The height and width attributes affect only the space allotted on the webpage, and the controls attribute is ignored. This is true only for Safari on devices with small screens. On Mac OS X, Windows, and iPad, Safari plays video inline, embedded in the webpage.

Note: Prior to iOS 4.0, iPhone and iPod touch did not play audio inline. Audio was presented in full-screen mode. Audio plays inline on iOS 4.0 and later, on all devices.

User Control of Downloads Over Cellular Networks

In Safari on iOS (for all devices, including iPad), where the user may be on a cellular network and be charged per data unit, preload and autoplay are disabled. No data is loaded until the user initiates it. This means the JavaScript play() and load() methods are also inactive until the user initiates playback, unless the play() or load() method is triggered by user action. In other words, a user-initiated Play button works, but anonLoad="play()" event does not.

This plays the movie: <input type="button" value="Play" onClick="document.myMovie.play()">

This does nothing on iOS: <body onLoad="document.myMovie.play()">

Default Height and Width on iOS

Because the native dimensions of a video are not known until the movie metadata loads, a default height and width of 150 x 300 is allocated on devices running iOS if the height or width is not specified. Currently, the default height and width do not change when the movie loads, so you should specify the preferred height and width for the best user experience on iOS, especially on iPad, where the video plays in the allocated space.

iPhone Video Placeholder

On iPhone and iPod touch, a placeholder with a play button is shown until the user initiates playback, as shown in Figure 2-1. The placeholder is translucent, so the background or any poster image shows through. The placeholder provides a way for the user to play the media. If the iOS device cannot play the specified media, there is a diagonal bar through the control, indicating that it cannot play.

Figure 2-1  The iPhone video placeholder

On the desktop and iPad, the first frame of a video displays as soon as it becomes available. There is no placeholder.

Media Playback Controls

Controls are always supplied during fullscreen playback on iPhone and iPod touch, and the placeholder allows the user to initiate fullscreen playback. On the desktop or iPad, you must either include the controls attribute or provide playback controls using JavaScript. It is especially important to provide user controls on iPad because autoplay is disabled to prevent unsolicited cellular download.

Supported Media

Safari on the desktop supports any media the installed version of QuickTime can play. This includes media encoded using codecs QuickTime does not natively support, provided the codecs are installed on the user’s computer as QuickTime codec components.

Safari on iOS (including iPad) currently supports uncompressed WAV and AIF audio, MP3 audio, and AAC-LC or HE-AAC audio. HE-AAC is the preferred format.

Safari on iOS (including iPad) currently supports MPEG-4 video (Baseline profile) and QuickTime movies encoded with H.264 video (Baseline profile) and one of the supported audio types.

iPad and iPhone 3G and later support H.264 Baseline profile 3.1. Earlier versions of iPhone support H.264 Baseline profile 3.0.

Multiple Simultaneous Audio or Video Streams

Currently, all devices running iOS are limited to playback of a single audio or video stream at any time. Playing more than one video?side by side, partly overlapping, or completely overlaid?is not currently supported on iOS devices. Playing multiple simultaneous audio streams is also not supported. You can change the audio or video source dynamically, however. See “Replacing a Media Source Sequentially” for details.

Volume Control in JavaScript

On the desktop, you can set and read the volume property of an <audio> or <video> element. This allows you to set the element’s audio volume relative to the computer’s current volume setting. A value of 1 plays sound at the normal level. A value of 0 silences the audio. Values between 0 and 1 attenuate the audio.

This volume adjustment can be useful, because it allows the user to mute a game, for example, while still listening to music on the computer.

On iOS devices, the audio level is always under the user’s physical control. The volume property is not settable in JavaScript. Reading the volumeproperty always returns 1.

Playback Rate in JavaScript

You can set the audio or video playbackRate property to nonzero values to play media in slow motion (values >0 and <1) or fast forward (values >1) in Safari on the desktop. Setting playbackRate is not currently supported on iOS.

Loop Attribute

You can set the audio or video loop attribute in Safari on the desktop and on iOS 5.0 and later to cause media to repeat endlessly. To loop audio or video in a manner compatible with earlier versions of iOS, use JavaScript to install the play() method as an event listener for the "ended" event. This technique is illustrated in Listing 2-1.

Listing 2-1  Backward-compatible looping audio

<!DOCTYPE html>
<html>
<head>
    <title>Looping Audio</title>
<script type="text/javascript">
 
    function init() {
    var myAudio = document.getElementById("audio");
    myAudio.addEventListener('ended', loopAudio, false);
    }
 
    function loopAudio() {
    var myAudio = document.getElementById("audio");
    myAudio.play();
    }
 
</script>
</head>
<body onload="init();">
    <audio id="audio" src="myAudio.m4a" controls></audio>
</body>
</html>

추천 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 스트리밍 서버 구축하기작성자 : 서진우(alang@syszone.co.kr)작성일 : 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 http://www3.mplayerhq.hu/MPlayer/releases/codecs/essential-20061022.tar.bz2# 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/ld.so.conf# 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 - http://www.uccup.kr* http://flowplayer.org/download.html* 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: 'http://syszone.co.kr/yaejin/data/11.flv',        autoPlay: false,        onStart: function(clip) {            pageTracker._trackPageview("configuration demo: " clip.url);        }    }});---------------------------------------------------------------------------------------or (youtube 방식의 동영상 라이브러리 구현)---------------------------------------------------------------------------------------http://syszone.co.kr/yaejin/jquery.min.js">http://syszone.co.kr/yaejin/flowplayer-3.0.2.min.js">http://syszone.co.kr/yaejin/flowplayer.playlist-3.0.1.min.js">/* player style *//* container has a background image */a.player {        margin-top:40px;        display:block;        background:url(http://syszone.co.kr/yaejin/img/splash.png) 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(http://syszone.co.kr/yaejin/img/clock.gif) 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: 'http://syszone.co.kr/yaejin/data'}        // playlist plugin        }).playlist("#playlist");});        071202-탄생1071202-탄생2..------------------------------------------------------------------------------------- Encoding 관련 스크립트 제작ffmpeg를 이용하여 avi 파일을 flv로 변환하는 스크립트# vi /usr/bin/ffmpeg_encoder.sh [filename] [geometry]-----------------------------------------------------------------------------------#!/bin/shif [ $# -lt 2 ]thenecho -n "using : ffmpeg_encoder.sh ( 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/mencoder_encoder.sh ----------------------------------------------------------------------------------#!/bin/shif [ $# -lt 3 ]thenecho -n "using : mencoder_encoder.sh ( 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/convert_flvhtml.sh--------------------------------------------------------------------------------#!/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 :  http://ant.apache.org/bindownload.cgired5 download : http://osflash.org/red5jdk 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 (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/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/ant_java.sh # 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 컴파일 및 데몬 시작하기http://osflash.org/red5 에서 final 바이너리 패키지를 받은 경우 별도의 컴파일없이 바로 실행이 가능하다.# cd /usr/local/red5# sh red5.shsvn를 통해 코드를 받은 경우 아래와 같이 컴파일을 해줘야 한다.# 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 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 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 에서 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/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 -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_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 called.case "$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 환경 구성하기flash_media_player.zip 파일을 다운로드 받는다.http://www.jeroenwijering.com/upload/flash_media_player.zip# cp mediaplayer.html index.html# vi index.html------------------------------------------------------------------------------http://www.macromedia.com/go/getflashplayer">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://syszone.co.kr/oflaDemo/        residentevil.flv        rtmp                ..----------------------------------------------------------------------------------위의 rtmp://syszone.co.kr/oflaDemo/ 에 해당 red5 streams 디렉토리경로를 지정한다.기본 경로는 [RED5_PATH]/webapps/oflaDemo/streams 디렉토리 밑에 flv 파일을 넣어두면된다.- 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.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/"; 으로 ..---------------------------------------------------------------------------------아래 주소로 접속하면 확인이 가능하다.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 --------------------------------------------------------------------------------.        --------------------------------------------------------------------------------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 http://mxhaard.free.fr/spca50x/Download/gspcav1-20071224.tar.gz$ wget http://forums.quickcamteam.net/attachment.php?aid=86 -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 & AUDIO
  • [HTML5] VIDEO & AUDIO

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

?>