플래시게임 적용하는 방법
·
조회수 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에 태그추가