이러쿵저러쿵


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


 

 

 

 

 

 

 

저작자 표시 비영리 변경 금지
신고


Comment +2

  • ie로 http://cplusagency.easel.so/index.php# 이 사이트를 열고 재생바위에 마우스를 가져다대면 재생시간이 뜨잖아요. 근데 크롬은 괜찮은데 ie는 숫자가 세로로 나오는데 이 문제는 어떻게 해결해야 할까요

    • 안녕하세요.^^
      블로그를 방문해 주셔서 감사합니다.

      음. 제가 말씀하신 사이트에 들어가서 영상을 재생해 보았는데요. IE와 크롬 모두 정상적으로 표시되고 있는 것 같은데요~
      유튜브 영상의 재생바 말씀하시는 것이 맞는지요?

      제가 댓글에 대한 답변을 너무 늦게 다는 바람에 혹시 그 사이에 JWPlayer에서 유튜브로 바꾸신 것은 아니신지요? ㅠ.ㅠ (그런거 같아요. ㅎㅎㅎ)

      좋은 밤 되세요~

티스토리 툴바