2014.09.18 16:19

HTML5 & FLASH RTMP로

조회 수 21 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄


모든 브라우저 호환 최종 값으로 이것을 결정해야겠다.


http://stackoverflow.com/questions/9113633/replacing-media-source-http-with-rtmp-in-mediaelementsjs-based-on-browser-capa

좀 된 게시물에서 이런 방

법도 찾았다.

모든 브라우저 호환을 가져다 준다.

ie8에서도 flash로 RTMP프로토콜을 쓰므로 playback(구간이동) 스트리밍이 가능하다.




<script src="/mediae/jquery.js"></script>
<script src="/mediae/mediaelement-and-player.min.js"></script>
<link href="/mediae/mediaelementplayer.css" rel="stylesheet" />

<link href="/mediae/mejs-skins.css" rel="stylesheet" />


<video autoplay poster="abc.jpg" controls width="720" height="406" id="video-tag" preload="auto">
  <source id="media-source-mp4" type="video/mp4" src="http://주소.mp4" />
  <object width="720" height="406" type="application/x-shockwave-flash" data="/mediae/flashmediaelement.swf">

   <track kind="subtitles" src="http://자막주소.srt" srclang="ko" label="korean">
    <param name="movie" value="/mediae/flashmediaelement.swf" />
    <param name="flashvars" value="controls=true&amp;autostart=true&amp;file=rtmp://주소/mp4:서브폴더/movie1.mp4" />
  </object>
</video>
<script type="text/javascript">

$("#video-tag").mediaelementplayer({
     success: function(media, node, player) {
         if (media.pluginType != 'native') {
             media.setSrc('rtmp://주소/mp4:서브폴더/movie1.mp4');
             media.load();
             media.play();
         }
     }
 });

</script>





List of Articles
번호 제목 글쓴이 날짜 조회 수
7 NginX RTMP HLS 스트리밍 트랜스 행복아이 2014.10.16 26
» HTML5 & FLASH RTMP로 행복아이 2014.09.18 21
5 mkv파일 스트리밍 행복아이 2014.09.17 25
4 테스트 결과 제일 만족. 행복아이 2014.09.14 194
3 test 행복아이 2014.09.12 220
2 HTML5 Flash Fallback (Ie8이하, RTMP) 코드 행복아이 2014.09.12 223
1 HTML5 + Fallback Flash(IE8이하) 행복아이 2014.09.12 209
Board Pagination Prev 1 Next
/ 1