BLUEnLIVE's ZocKr World: 자바스크립트

2009년 12월 12일 토요일

JW Player 도우미 3.1 버그패치 업데이트

IE를 제대로 지원하지 못하는 문제가 있어 몇 차례 업데이트 했는데, 지난번에 업데이트로 모든 문제를 해결했다고 생각했다.
그런데, IE에는 치명적인 문제가 있었다. <embed> 태그를 제대로 지원하지 못하는 것이다.

테스트 과정에서 IE는 로컬 환경에서만 확인을 했는데, 이놈의 IE는 <embed>를 로컬에서는 동작시키고, 온라인에서는 동작하지 않는 황당무계한 문제가 있는 것이다. (아놔~)

게다가 Google Docs VIewer를 이용하는 부분에서는 URL Encode를 한번 더 해줘야 동작하는 문제도 발견되었다.
(이 부분은 좀 이해가 안 가는 것이 예전에는 기존 코드로 잘 동작했다는 것이다. 아마 구글 내부적으로 뭔가를 바꾼 것 같다)

이러한 문제들을 해결한 버전을 공개한다.
이 버전은 IE8, FF3, 크롬4에서 정상적인 동작을 확인했다. (이번엔 확실하겠지?)

설치는 아래 파일을 다운받아 압축을 푼 뒤에 스킨 업로드를 통해 업로드하고 스킨을 수정하면 된다.

JWPlayerHelper31.zip

설치방법은 JW Player 도우미 3.0를 참조하면 되며, 정확한 사용법은 JW Player 도우미 2.2에 있는 링크를 읽으면 된다.

동작 화면은 아래와 같다.

2009년 12월 6일 일요일

JW Player 도우미 3.0 업데이트 공개

티스토리에서 사용하던 JW Player 도우미를 텍스트큐브에서 사용할 수 있도록 변환하고, 플레이어를 업데이트했다.

(이벤트가 있어야 업데이트하는 이 게으르니즘...)

처음 보는 사람들을 위해 소개하자면... JW Player는 LongTail Video에서 공개하는 명품 웹 비디오 플레이어다.

이 플레이어는 mp3/mp4 오디오, H.264 flv/mp4 비디오 파일을 재생할 수 있다.

이를 티스토리/텍큐닷컴에서 간편하게 사용할 수 있도록 자바스크립트를 만들었다.

(이 플레이어의 목적 및 기능들은 JW Player 도우미 2.2 업뎃에 있는 링크들을 확인하면 좀더 자세히 볼 수 있음)

이 플레이어를 사용하려면 아래와 같이 하면 된다.

1. 파일 다운 및 스킨 업로드

아래 압축파일을 다운받을 뒤 압축을 풀고, 스킨 업로드를 통해 업로드한다.
압축을 풀면 gif 파일 2개가 나오는데, 사실은 자바스크립트와 플래쉬 플레이어 파일의 확장자를 바꾼 것이다.

JWPlayerHelper3.zip

2. 스킨 파일 수정

텍큐닷컴은 스킨의 헤더 영역에는 스크립트를 올릴 수 없고, 본문 영역에만 스크립트를 올릴 수 있다.

<body> 바로 아래에 아래의 코드를 삽입한다.

<script type="text/javascript" src="(자기 블로그 이미지 주소)/j_FLVPDF.gif"></script>
<script type="text/javascript">
//<![CDATA[
  FLVPDFHelper.all(1, 1, 680, 500);
//]]>
</script>

여기서 자기 블로그 이미지 주소는 블로그 화면에서 소스보기를 해서 코드를 보면서 직접 찾아야 한다.

티스토리에서는 단순히 ./images 라고 쓰면 알아서 변환해주지만, 텍큐닷컴은 <img> 태그에 사용하는 경우에만 이 처리를 해준다.

이렇게 하고는 정해진 규칙에 따라 파일을 업로드한 뒤 파일을 삽입하면 아래와 같이 플레이어가 표시된다.

(전술했듯이, 정확한 사용법은 JW Player 도우미 2.2 업뎃에 있는 링크를 확인하면 됨)