이번엔 모바일동영상. 즉 스마트폰에서 스트리밍을 하는것입니다.
요샌 스마트폰이 없는 사람이 없으니. 광고도 모바일로 동영상 광고 많이들 하시죠
우선 시작은
가장 인코딩이 쉬운 다음팟인코더를 이용하여 모바일에서 볼 수 있게 인코딩 하십니다
막~ 막~ wmv 왜안되요 이런분들 많은데..
당연히 아이뽕과 안뒈로이드는 소중하니깐요~!!!! mp4, flv만 됩니다.
업로드는 알아서 하실줄 아는 센스
호출의 기본 조건은 wowza 설치가 되어있고 개시지점이 만들어져있다는 조건입니다.
# 직접호출하기
아이폰 : http://test.smile.com:1935/스트림값/mp4:동영상파일명/playlist.m3u8
안드로이드 : http://test.smile.com:554/스트림값/_definst_/mp4:동영상파일명.mp4
Wowza Media Server 에서 아이폰 계열은 1935 포트를 이용, rtmp 프로토콜로 재생,
안드로이드폰 계열은 554 포트를 이용, rtsp 프로토콜로 재생합니다.
rtsp 프로토콜을 이용하는 안드로이드에서는 로딩시간이 걸릴 수 있으며,
중간에 데이터가 손상되면 무시하며 (UDP통신), 네트웍 속도가 느릴 경우 심할 수 있습니다.
따라서, 안드로이드에서 깨끗한 영상 재생을 위해서는 현재로써는 Progressive Download
(WEB 에서 다운로드 받을 수 있게) 구성하는 방법으로 사용하면 되고, index.php 에는 반영되어있습니다.
네이버카페 Wowza Media Server 개발자 모임 답변 인용
# 표준사양이 아닌 일부 스마트폰에서는 영상이 재생되지 않을 수 있습니다.
재생되는 스마트폰 예) 아이폰3GS, 아이폰4, 갤럭시S, 갤럭시S2
재생되지 않는 스마트폰 예) 베가레이서, 갤럭시 네오
# 코드 작성해서 호출하기
<?
$domain="서비스도메인";
$stream="스트림값";
$poster="대기화면 이미지파일";
// 스마트폰, 풀 브라우징 폰의 브라우저명은 http://coffeenix.net/board_view.php?bd_code=1668 사이트 참조
$Agent = $_SERVER['HTTP_USER_AGENT'];
// 아이폰에서 호출인 경우 확장자는 m3u8
if(strpos($Agent,"iPhone") || strpos($Agent,"iPod") || strpos($Agent, "iPad")) {
$source_url="http://$domain:1935/$stream/mp4:$vod/playlist.m3u8";
}
// 안드로이드폰에서 호출인 경우 확장자는 mp4
else if(strpos($Agent,"Android")) {
// $source_url="rtsp://$domain:554/$stream/_definst_/mp4:$vod.mp4";
// 안드로이드폰에서 원활한 재생을 위해 아래 URL 호출로 대체함. (스트리밍X, Progressive Download 방식)
$source_url="http://$domain/$vod.mp4";
}
// 윈도우에서 호출인 경우 flash 파일 호출 (여기서는 쓰이지 않음)
else if(strpos($Agent,"MS")) {
echo "PC 브라우저에서는 보실 수 없습니다.";
}
?>
<html>
<head>
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,
width=device-width" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<script type="text/javascript" charset="utf-8">
var play_url;
window.onload = function ()
{
document.getElementById("video").load();
document.getElementById("video").play();
}
</script>
</head>
<body>
<!-- 영상재생 video TAG 이용 -->
<video id="video" name="video" width="100%" src="<?=$source_url?>" poster="<?=$poster?>" controls=""
autoplay onclick="this.play()"></video>
</body>
</html>
아래와 같은 이런 서비스를 받으시면 모바일 vod 서비스를 하실수 있습니다.
http://www.cloudv.kr/rew1/cdn/stream_vod01.html
댓글 없음:
댓글 쓰기