실시간방송 HLS 모바일용

by 행복아이 posted Jul 31, 2015
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄
<video id=example-video width=600 height=300 class="video-js vjs-default-skin" controls>
<source src="http://one2.kr:8080/hls/TEST(스트림키).m3u8" type="application/vnd.apple.mpegurl" />
</video>
<script src="/videojs/video.js"></script>
<script src="/videojs/videojs-media-sources.js"></script>
<script src="/videojs/videojs.hls.min.js"></script>
<script>
var player = videojs('example-video');
player.play();
</script>

 

와 같이 사용.

 

 

혹은 스타일시트 사용해서

 

 

<script src="/videojs/video.js"></script>
<script src="/videojs/videojs-media-sources.js"></script>
<script src="/videojs/videojs.hls.min.js"></script>

<video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="268" data-setup='{}'>
<source src="http://one2.kr:8080/hls/TEST(스트림키).m3u8" type="application/vnd.apple.mpegurl" />
</video>
<link href="/videojs/video-js.css" rel="stylesheet">

 

모바일에서 재생됨.

videojs.7z