플래시게임 적용하는 방법

· 조회수 5

보안상의 이유로 플래시게임 실행시키는걸 막고 있지만 ruffle.js를 이용하면 플래시게임을 실행할수가 있습니다.
그누보드에 해당하는 내용이며 다른 플랫폼은 ruffle.js 홈페이지의 공식문서를 참고하시면 되겠습니다. 
4,5항목은 옵션입니다.

1.htmlpurifier 플러그인에 허용사이트 추가

 # iframe 허용 도메인을 한줄에 하나씩만 적으세요.

# 도메인 뒤에 가급적 / 를 붙여주세요.
www.youtube(?:-nocookie)?.com

serviceapi.rmcnmv.naver.com/

videofarm.daum.net/

player.vimeo.com/
www.google.com

maps.google.com/

play.afreeca.com/

v.nate.com/
www.microsoft.com/showcase/video.aspx

w.soundcloud.com/
www.facebook.com

kakaotv.daum.net/

v.afree.ca/

play-tv.kakao.com/
www.crazygames.com
crazygames.com/
games.gamepix.com/
www.retrogames.cc
www.gameflare.com
cdn.gamesnacks.com/
html5.gamemonetize.com/
html5.gamedistribution.com/
archive.org/
blog.kakaocdn.net/
flash-games.penguinbotcoder.repl.co/
cdn1.vedede.com/
kdata1.com/
static.arcadespot.com/
funkypotato.com/
f.kbhgames.com/
cdn.htmlgames.com/
html5.gamedistribution.com/
img-hws.y8.com/
storage.y8.com/
game.hotsharegames.com/
www.pomu.com
wormate.io/
games-online.io/
squid-game.io/
www.miniplay.com
html5.gamemonetize.co/
www.gamezhero.com
www.teamopolis.com
www.coolmathgames.com
static.play123.in/
cdn.witchhut.com/
cdn.htmlgames.com/
game257444.konggames.com/
kolagames.com/
www.flashgirlgames.com
cdn.witchhut.com/
funnorara.tistory.com/
www.aifreegame.com
lgames.dumbosdiary.com/
www.play-games.com
www.twoplayergames.org
www.addictinggames.com
mineblocks.com/
www.langangen.com
www.pomu.vn
evilgames.eu/
f.kbhgames.com/
kdata1.com/
www.gameshero.com
www.proprofsgames.com
6games.eu/
grindcraft.com/
www.play-games.com
games-online.io/
www.play-games.com
cdn.kiz10.com/
g.vseigru.net/
lagged.com/
www.roundgames.net
www.yiv.com
unblockeds-games.com/
games.poki.com/
v6p9d9t4.ssl.hwcdn.net/
www.butkaj.com
img-hws.y8.com/
jungbowang.cafe24.com/
www.babygames.com
www.gameslol.net
www.play-games.com
img-hws.y8.com/
www.getgames.io
www.freegame.tw
jungbowang.cafe24.com/
files.gamezhero.com/
www.gamezhero.com
scratch.mit.edu/
turbowarp.org/
g.vseigru.net/
frivez.com/
funhtml5games.com/

2.common.lib.php에서 object, embed 허용(false->true)

$config->set('HTML.SafeEmbed', true);

$config->set('HTML.SafeObject', true);

$config->set('Output.FlashCompat', true);

$config->set('HTML.SafeIframe', true);

$config->set('URI.SafeIframeRegexp','%^(https?:)?//('.$safeiframe.')%');

$config->set('Attr.AllowedFrameTargets', array('_blank'));

$config->set('HTML.FlashAllowFullScreen', 'true');

// HTML5 properties

$config->set('HTML.DefinitionID', 'html5-definitions');

$config->set('HTML.DefinitionRev', 1);

if ($def = $config->maybeGetRawHTMLDefinition()) {

 $def->addElement('figure', 'Block', 'Optional: (figcaption, Flow) | (Flow, figcaption) | Flow', 'Common');

 $def->addElement('figcaption', 'Inline', 'Flow', 'Common');

 $def->addElement('video', 'Block', 'Optional: (source, Flow) | (Flow, source) | Flow', 'Common', array(

  'src' => 'URI',

  'type' => 'Text',

  'width' => 'Length',

  'height' => 'Length',

  'poster' => 'URI',

  'preload' => 'Enum#auto,metadata,none',

  'controls' => 'Bool',

 ));

 $def->addElement('source', 'Block', 'Flow', 'Common', array(

  'src' => 'URI',

  'type' => 'Text',

 ));

 $def->addAttribute('iframe', 'allowfullscreen', 'Bool');

}

//여기까지

$purifier = new HTMLPurifier($config);

3.view에 ruffle.js 추가 
4.사이트 조건에 맞게 game.js, game2.js 추가 
5.게시판에 view의 style.css에 태그추가

"부귀공명의 마음을 다 놓아버려야 범속의 자리를 벗어날 것이요, 인의나 도덕의 마음을 다 털어버려야 비로소 성현의 자리에 들어갈 것이다. - 채근담"

- 성현 -

북마크목록