코드는 다음과 같다.
Nginx는 hls를 지원하는 rtmp모듈된 버전을 사용하면된다.
설명은 Nginx 게시판 참조
<p><script src="/mediae/jquery.js"></script>
<script src="/mediae/mediaelement-and-player.min.js"></script>
<link href="/mediae/mediaelementplayer.css" rel="stylesheet" />
<video class="mejs-ted" width="720" height="406" preload="auto" controls="controls">
<source type="application/x-mpegURL" src="http://서버주소/hls/test.m3u8">
</video>
<script>
$('audio,video').mediaelementplayer({
success: function(player, node) {
$('#' + node.id + '-mode').html('mode: ' + player.pluginType);
}
});
</script></p>
저 소스 가 중요하다.
일단 모바일에서 실시간 방송을 보기 위해서 위와 같이 해서 정상 실시간 방송이 됨을 확인함.
ffmpeg 옵션을 잘 써서 해주어야 할 것 같다.