[자료실] Rtmp 관련 자료

진행자님| 조회 201 | 추천 0 | 비추천 0 | 2018.11.18 11:24


index.m3u8 looks like:

#EXTM3U
#EXT-X-VERSION:3
#EXT-X-MEDIA-SEQUENCE:219
#EXT-X-TARGETDURATION:7
#EXTINF:6.640,
http://server/stream/219.ts
#EXTINF:6.000,
http://server/stream/220.ts
#EXTINF:6.000,
http://server/stream/221.ts
#EXTINF:6.000,
http://server/stream/222.ts
#EXTINF:6.010,
http://server/stream/223.ts
#EXTINF:6.000,
http://server/stream/224.ts

Stream.html looks like:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<META HTTP-EQUIV="content-type" CONTENT="text/html; charset=iso-8859-2">
   <meta charset="utf-8">
      <title>Streaming</title>
   <!-- optimize mobile versions -->
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <!-- The "minimalist" skin - choose from: "minimalist.css", "functional.css", "playful.css" -->
   <link rel="stylesheet" href="//releases.flowplayer.org/5.5.2/skin/minimalist.css">
   <!-- Minimal styling for this standalone page, can be removed -->
   <link rel="stylesheet" href="/media/css/demo.css">
   <!-- Syntax highlighting of source code, can be removed -->
   <link rel="stylesheet" href="/media/css/pygments.css">
<style>
#content {
  max-width: 720px;
}
.flowplayer {
  background: #777;
  margin-bottom: 20px;
}
.flowplayer.is-error .fp-message p {
  font-size: 200%;
  font-weight: bold;
  color: #f00;
}
</style>
      <!-- Flowplayer depends on jquery -->
   <script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
         <!-- Flowplayer library -->
   <script src="//releases.flowplayer.org/5.5.2/flowplayer.min.js"></script>
<script>
flowplayer.conf = {
  live: true, // mandatory with live streams
  rtmp: "rtmp://server/stream",
  ratio: 9/16
};
flowplayer(function (api, root) {
  api.bind("load", function (e, api, video) {
    $("#vtype").text(video.type);
  // announce missing stream
  }).bind("error", function (e, api, err) {
    if (err.code === 4 || err.code === 9) {
      $(".fp-message p", root).text("Video file not found");
    }
  });
});
</script>
</head>
<body>

<center>
   <div id="content">
<div class="flowplayer" data-fullscreen="true">
   <video autoplay>
<source type="application/x-mpegurl" src="http://server/stream/index.m3u8">   
<source type="video/flash" src="rtmp://server/stream">
   </video>
</div>

</body>

</html>

twitter facebook google+

고객지원
회의번호 제목 날짜
tg353 [자료실] mediashow android app 첨부파일 2018.12.28
tg352 [자료실] 전자명패표출시스템(NamePlate) 안드로이드 앱다운로드 주소 첨부파일 2018.12.26
tg349 모바일 [자료실] Rtmp 관련 자료 2018.11.18
tg348 [자료실] JsDemo 플레쉬 플레이어 2018.11.18
tg347 모바일 [자료실] Rtmp 자료 2018.11.17
tg346 [자료실] 테스트용 API 정보 2018.11.14
tg112 [자료실] 테스트용 게시판 링크주소 2018.02.07
tg111 [자료실] 룸스케줄러 샘플 웹페이지 링크주소 사진 첨부파일 2018.02.07
tg106 [자료실] 댓츠굿 이프리젠테이션 tgep v8.2.7.2 첨부파일 2018.01.03
tg86 [자료실] 사람사이SNS 앱 다운로드 2017.12.25
tg67 [자료실] 안드로이드 파일탐색기 ES Explorer 광고없는 버전 2017.10.13
tg60 [자료실] 파워PT앱 다운로드 주소 첨부파일 2017.09.29
tg51 [자료실] 테스트용 문서 첨부파일 2017.09.22