본문 바로가기

개발&컴퓨터/개발강좌

JWPlayer 강좌 (7) - Audio Mode

반응형

이번 강좌는 영상 재생이 아닌 음악 재생을 위한 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>


 

 

 

 

 

 

 

반응형