테터툴즈 - 플래시 비디오 삽입하기

모아둔 이야기/테터툴즈 & 팁 & 테크 : 2007/03/04 16:59
Tag 이올린 태그검색태그스토리 태그검색티스토리 태그검색, 이올린 태그검색태그스토리 태그검색티스토리 태그검색, 이올린 태그검색태그스토리 태그검색티스토리 태그검색, 이올린 태그검색태그스토리 태그검색티스토리 태그검색


예전에 플러그인 형태로 배포했다가 <BR>관련 버그로 배포를 중단했었습니다.
다시 플러그인 형태로 제작을 하려 했지만 사용할 수 있는 옵션들이 추가되어 플러그인 형태로 제작이 불가하여(실력이 실력인지라...) 다른 방법을 찾아 보았습니다.
약간의 소스 수정이 필요하지만 아래의 방법대로 하시면 별 문제없이 사용하실 수 있을 것으로 생각합니다.


[테터에 삽입된 플래시 플레이어 샘플]


1. /scripts/editor2.js 수정

1417 라인에 아래의 코드를 찾습니다.

if(ext == "swf" || ext == "") {
        code = '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="400" height="300">' +
                        '<param name="wmode" value="transparent"/>' +
                        '<param name="movie" value="' + url + '"/>' +
                        '<!--[if !IE]> <-->' +
                        '<object type="application/x-shockwave-flash" transparent="yes" data="' + url + '" width="400" height="300">' +
                        '<p><a href="' + url + '">[Flash] ' + url + '</a></p>' +
                        '</object>' +
                        '<!--> <![endif]-->' +
                        '</object>';
}

바로 다음에 아래의 코드를 삽입해 줍니다.

1417라인과 1418라인 사이에 삽입해 줍니다.

else if(ext == "flv") {
        code = '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="400" height="300">' +
                        '<param name="allowfullscreen" value="true" />' +
                        '<param name="movie" value="/plugins/SY_FlashVideo/flvplayer.swf"/>' +
                        '<param name="flashvars" value="file=' + url + '&autostart=false&showdigits=true&showfsbutton=true&logo=/plugins/SY_FlashVideo/watermark.png&link=http://www.sangyongl.com&linktarget=_blank"/>' +
                        '<!--[if !IE]> <-->' +
                        '<object type="application/x-shockwave-flash" allowfullscreen="true" data="/plugins/SY_FlashVideo/flvplayer.swf?file=' + url + 'autostart=false&showdigits=true&showfsbutton=true&logo=/plugins/SY_FlashVideo/watermark.png&link=http://www.sangyongl.com&linktarget=_blank" width="400" height="300">' +
                        '<p><a href="' + url + '">[Flash Video] ' + url + '</a></p>' +
                        '</object>' +
                        '<!--> <![endif]-->' +
                        '</object>';
}


1886 라인을 찾습니다.

TTEditor.prototype.isMediaFile = function(filename) {
        return new RegExp(".(swf|mid|mp3|wav|wax|wma|avi|asf|asx|mov|mpe?g|wmv|wm|wvx)$", "gi").exec(filename);
}

를 아래와 같이 수정합니다.

(1886라인에서 1888라인)

TTEditor.prototype.isMediaFile = function(filename) {
        return new RegExp(".(swf|flv|mid|mp3|wav|wax|wma|avi|asf|asx|mov|mpe?g|wmv|wm|wvx)$", "gi").exec(filename);
}


2. 지정가능한 옵션들

flashvars 파라미터에 사용가능한 옵션들

file=[URL] (재생될 flv 파일)
autostart=[TRUE or FALSE] (자동 재생 기능)
showdigits=[TRUE or FALSE] (재생 시간 표시)
showfsbutton=[TRUE or FALSE] (전체화면 보기 버튼 출력)
image=[URL] (플레이어의 시작 이미지)
logo=[URL] (워터마크 : PNG 파일 사용 추천)
link=[URL] (로고에 걸 링크 주소)
linktarget=[URL] (로고에 걸린 링크의 타겟 : 기본은 self이나 _blank 형태도 가능)

3. 사용방법

flv 비디오 파일을 첨부파일로 올린 다음 이미지나 플래시 삽입하듯 원하는 위치에 삽입하면 됩니다.
삽입한 다음 오브젝트 수정창에서 사용 가능한 옵션들을 지정해 주면 됩니다.

사용자 삽입 이미지


4. 필요한 파일 다운로드

아래의 파일을 다운로드 받은 다음 압축을 풀어 플러그인 디렉토리에 삽입하시면 됩니다.
SY_FlashVideo.zip

"테터툴즈 & 팁 & 테크" 카테고리의 다른 글

2007/03/04 16:59 2007/03/04 16:59

이 글의 태그와 관련된 글

Trackback(0) : Comment (4)

트랙백 주소 :: http://www.sangyongl.com/trackback/426

댓글을 달아 주세요

  1. 닮슬아빠 2007/03/27 11:53  수정/삭제 댓글쓰기 댓글주소

    초기화면을 FLV파일의 첫번째 프래임을 보여주게... 플레이어를 어젼업할수 없을까요?... ^^ 그리고.. .참... MPG, SWF, WMV를 실행하는 것은 안될까요?

  2. 느린거북이 2007/06/16 09:59  수정/삭제 댓글쓰기 댓글주소

    티스토리에서는 어떻게 사용할 수 있을까요? 방법이 있으면 좀 알려주시길 바랍니다.

  3. YUNS 2007/07/08 10:22  수정/삭제 댓글쓰기 댓글주소

    정말 좋은 플러그인입니다. 잘 쓰겠습니다. ^^

    그런데 "신앙의 눈" 링크테그는 띄워버려도 되나요?

    종교적인 색채가 나서;;

[로그인][오픈아이디란?]