이번 강좌는 영상 재생이 아닌 음악 재생을 위한 JW Player 구현에 대한 것입니다.
사실 음악 재생(Audio Mode)를 위한 JW Player 가 특별히 별도로 존재하는 것은 아니며, 단순히, 영상 영역을 보이지 않게 하는 것이 JW Player에서 말하는 Audio Mode입니다.
영상 재생과 같이 JW Player는 음악 재생에 대해서도 다양한 포맷 및 기능을 동일한 수준으로 지원합니다.
사실 JW Player의 오디오 모드는 특별한 것이 없어서 간단한 포스팅이 될 것 같습니다.
-----------------------------------------------------------------------------------------------------------------------------
1. JW Player - Audio Mode
* 데스크탑 브라우저(Chrome, Firefox, IE, Safari) 및 모바일 디바이스(iOS, Android)에서 AAC 및 MP3 파일의 재생을 모두 완벽하게 지원.
* 다른 Audio 재생 파일은 디바이스에 따라 완벽하게 지원하지 않음. (e.g. Ogg Vorbis, Shoutcast …)
[영상 출력 영역이 별도로 없는 오디오 모드의 JW Player]
<script src="http://jwpsrv.com/library/YOUR_JW_PLAYER_ACCOUNT_TOKEN.js" ></script>
<div id="myElement"></div>
<script>
jwplayer("myElement").setup({
file: "http://example.com/uploads/myAudio.m4a",
width: 640,
height: 30 // 오디오 모드를 위한 height 설정 (JW Player는 height 값을 40px 이하로 주면 오디오 모드가 됩니다.
});
</script>
AAC or MP3 Audio Embed : http://support.jwplayer.com/customer/portal/articles/1406724-aac-or-mp3-audio-embed
'개발&컴퓨터 > 개발강좌' 카테고리의 다른 글
JWPlayer 강좌 (9) - 스트리밍(Streaming) [2/2] (4) | 2015.02.05 |
---|---|
JWPlayer 강좌 (8) - 스트리밍(Streaming) [1/2] (5) | 2015.02.02 |
JWPlayer 강좌 (5) - JW Player의 다양한 옵션들 (2) (19) | 2015.01.11 |
JWPlayer 강좌 (4) - JW Player의 다양한 옵션들 (1) (23) | 2015.01.07 |
JWPlayer 강좌 (3) - JW Player 사용하기 (3) | 2015.01.05 |