2014.09.04 15:30

JWPlayer6 RTMP FLASH HTML5

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

단축키

Prev이전 문서

Next다음 문서

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

단축키

Prev이전 문서

Next다음 문서

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

PC에서는 FLASH, 모바일에서는 HTML5로 재생되는 JWplayer6


아래와 같이 file 부분에 두가지를 주면 되는것 같다. 원 소스는 rtmp만 있었는데


우선적으로 jw는 primary값과 같이 flash로 동작하며 ,모바일에서 보여지기 위해서 HTML로 동작은 jw가 알아서 하기때문에 http로 시작하는 소스 위치만 주면 된다.


nginx로 구동하고 있는 rtmp의 서버의 application값은 vod 이며 하위 폴더 sub 아래 mp4파일이므로


rtmp에서 서브폴더가있을시 형식은 아래와 같이 /mp4:서브폴더/mp4파일명 형식을 주면 jw는 제대로 재생한다.



<script src="/jwplayer/jwplayer.js"></script>
<div id="mediaplayer"></div>

<script>
jwplayer('mediaplayer').setup({
width: "720",
height: "406",
primary: "flash",
autostart: "false",
repeat: 'always',
sources:[
{file: "rtmp://주소.mp4"},
        {file: "http://도메인/서브폴더/mp4파일명"}
]
 });
</script>


?

List of Articles
번호 제목 글쓴이 날짜 조회 수
34 유튜브 영상 삽입방법 행복아이 2016.02.05 7917
33 유튜브 라이브 테스트 행복아이 2014.10.15 1798
32 윈도우7 wimboot 테스트 행복아이 2015.08.27 8155
31 스마트폰 녹화 mp4테스트 행복아이 2015.01.15 267
30 모나서버 행복아이 2015.10.27 6729
29 videojs HLS 2 행복아이 2015.07.31 430
28 videoJS HLS 행복아이 2015.07.31 648
27 videojs 행복아이 2015.10.12 6526
26 video-js http streaming 테스트 행복아이 2014.09.04 195
25 video-js 3 행복아이 2014.09.11 260
24 umplayer mp4 stream2 행복아이 2014.08.26 155
23 test 행복아이 2019.06.18 652
22 RTMP 서브폴더 테스트 행복아이 2014.08.26 170
21 RTMP HLS2 1935 실시간 행복아이 2015.07.31 261
20 OBS RTMP 웹 HLS모바일 생방송 테스트 file 행복아이 2015.07.30 1972
19 mp4 rtmp umplayer 1 행복아이 2014.08.26 211
18 mp4 1080 flowplayer 행복아이 2014.08.26 461
17 Media Element.js 행복아이 2014.09.11 263
16 jwplayer6 캡션 설정 행복아이 2014.09.04 210
» JWPlayer6 RTMP FLASH HTML5 행복아이 2014.09.04 469
Board Pagination Prev 1 2 Next
/ 2