HTML5 & FLASH RTMP로

by 행복아이 posted Sep 18, 2014
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

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


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


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>