2014.09.18 16:19

HTML5 & FLASH RTMP로

조회 수 543 추천 수 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>





  1. No Image 16Oct
    by 행복아이
    2014/10/16 by 행복아이
    Views 497 

    NginX RTMP HLS 스트리밍 트랜스

  2. No Image 18Sep
    by 행복아이
    2014/09/18 by 행복아이
    Views 543 

    HTML5 & FLASH RTMP로

  3. No Image 17Sep
    by 행복아이
    2014/09/17 by 행복아이
    Views 513 

    mkv파일 스트리밍

  4. No Image 14Sep
    by 행복아이
    2014/09/14 by 행복아이
    Views 660 

    테스트 결과 제일 만족.

  5. No Image 12Sep
    by 행복아이
    2014/09/12 by 행복아이
    Views 674 

    test

  6. No Image 12Sep
    by 행복아이
    2014/09/12 by 행복아이
    Views 763 

    HTML5 Flash Fallback (Ie8이하, RTMP) 코드

  7. No Image 12Sep
    by 행복아이
    2014/09/12 by 행복아이
    Views 405 

    HTML5 + Fallback Flash(IE8이하)

Board Pagination Prev 1 Next
/ 1