[web] Ruffle (러플) 다운로드 및 그누보드5에 설치법 매뉴얼 - 최신브라우저에서 플래시(flash)/swf 파일 재생 지원 유틸

목차

1. Ruffle 소개
2. Ruffle 다운로드
3. Ruffle 설치방법

※ 설치법은 내 웹서버 (그누보드5)에 설치하는 방법에 대해서만 소개. ㅡㅡ;

※ Ruffle은 IE 지원 X

Ruffle 소개

 

플래시(flash)/swf 파일의 보안 문제를 보완해 최신 브라우저에서 재생 가능하도록 도와주는 프로그램.

 

Ruffle 다운로드

 

공식사이트에서 최신버전 다운로드

https://ruffle.rs/#downloads (= https://ruffle.rs/#releases)

• Desktop 버전 - 사용자 PC용
• Browser Extension - 사용자 브라우저 확장프로그램용
• Website - 웹서버 설치용. (CDN 이용 시, 다운 불필요.)

 

PS. 그누보드5에 설치할 분은 Website용 받으시면 됨.

Ruffle 설치방법

 

정식 매뉴얼: https://ruffle.rs/#usage

 

---

1. 다운받은 Ruffle을 압축푼 후 폴더명을 ruffle로 변경한 다음, 아래 구조가 되도록 업로드.

 

/js/ruffle

---

2. 사용중인테마/head.sub.php 파일 약 92라인쯤에 추가.

 

// JS폴더에 업로드한 경우

add_javascript('<script src="'.G5_JS_URL.'/ruffle/ruffle.js?ver='.G5_JS_VER.'"></script>', 0);

 

// CDN 이용 경우

add_javascript('<script src="https://unpkg.com/@ruffle-rs/ruffle"></script>', 0);

---

3. /.htaccess 파일에 아래 코드 추가. (아파치 웹서버 경우)

 

AddType application/wasm .wasm

 

PS. 아파치 웹서버 아닌 경우엔 아래 링크 참조해 코드 추가.

https://github.com/ruffle-rs/ruffle/wiki/Using-Ruffle#configure-wasm-mime-type

 

---

4. 잘 재생되는지 아래 코드로 테스트.

<object type="application/x-shockwave-flash" data="example.swf" width="640" height="480">

 

PS. example.swf 파일 부분을 실제 사용 중인 swf파일 주소로 변경.