• 회원가입
  • 로그인
  • 구글아이디로 로그인

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

147  

목차

  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파일 주소로 변경.

 


분류 제목
dance 다이아나 (DIANA) 정현 님 쉿 댄스 커버 새글
talk block (블록/블럭/블락] 올바른 외래어표기법/발음법
dance 효이 님 뉴진스 어텐션 댄스 커버 (New Jeans - Attention)
dance 날씨와 상관없이 반바지 카우보이 모자 패션 댄스
ucc 물웅덩이에 쪼그려 앉아 죽음만을 기다리던 고양이에게 벌어진 일 [동물]
talk 꿈은 꾸는 걸까? 보는 걸까?
dance 머리부터 발 끝까지~?뒷말 뭔데? 댄스
dance 안 보면 후회하는 긴~거 입니다 댄스
dance 에피소드 (EPISODE) 예지 님 댄스 - TOMBOY (톰보이) & HandClap (핸드클랩)
girl 하지원 치어리더 님 기쁨의 고속발동동
ucc 내시 똥군기 - 꼬우면 빨리 떼시던가.... [유머]
1/137
목록
찾아주셔서 감사합니다. Since 2012