2016-09-15 18:12:00 -05:00
<!doctype html>
< html lang = "en" >
< head >
< meta charset = "utf-8" >
2016-09-16 09:52:57 -05:00
< base target = "_parent" / >
2016-09-15 18:12:00 -05:00
< title > RetroArch Web Player< / title >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
<!-- Bootstrap core CSS -->
< link href = "https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.3/css/bootstrap.min.css" rel = "stylesheet" type = "text/css" >
<!-- Font Awesome -->
< link rel = "stylesheet" href = "https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css" >
<!-- Material Design Bootstrap -->
< link href = "//cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.1.1/css/mdb.min.css" rel = "stylesheet" >
< link href = "itch.css" rel = "stylesheet" type = "text/css" >
2016-09-15 18:45:32 -05:00
< link rel = "shortcut icon" href = "https://buildbot.libretro.com/web/media/icon_dark.ico" / >
2016-09-15 18:12:00 -05:00
< / head >
< body >
<!-- Navbar -->
< nav class = "navbar navbar-dark bg-danger" >
<!-- Collapse button -->
< button class = "navbar-toggler hidden-sm-up" type = "button" data-toggle = "collapse" data-target = "#collapseEx2" >
< i class = "fa fa-bars" > < / i >
< / button >
< div class = "container" >
<!-- Collapse content -->
< div class = "collapse navbar-toggleable-xs" id = "collapseEx2" >
<!-- Navbar Brand -->
<!-- Links -->
< ul class = "nav navbar-nav" >
< div class = "dropdown" >
< li class = "nav-item dropdown" >
< button class = "btn btn-danger dropdown-toggle" type = "button" id = "dropdownMenu1" data-toggle = "dropdown" aria-haspopup = "true" aria-expanded = "false" > Core Selection< / button >
< div class = "dropdown-menu dropdown-danger" aria-labelledby = "dropdownMenu1" data-dropdown-in = "fadeIn" data-dropdown-out = "fadeOut" id = "core-selector" >
2016-09-15 21:21:17 -05:00
<!-- <a class="dropdown - item" href="https://libretro.itch.io/retroarch" data - core="2048">2048</a> -->
<!-- <a class="dropdown - item" href="https://libretro.itch.io/retroarch" data - core="4do">4DO</a> -->
<!-- <a class="dropdown - item" href="https://libretro.itch.io/retroarch" data - core="bluemsx">BlueMSX</a> -->
<!-- <a class="dropdown - item" href="https://libretro.itch.io/retroarch" data - core="craft">Craft</a> -->
<!-- <a class="dropdown - item" href="https://libretro.itch.io/retroarch" data - core="desmume">DeSmuME</a> -->
<!-- <a class="dropdown - item" href="https://libretro.itch.io/retroarch" data - core="dosbox">DOSBox</a> -->
<!-- <a class="dropdown - item" href="https://libretro.itch.io/retroarch" data - core="easyrpg">EasyRPG</a> -->
<!-- <a class="dropdown - item" href="https://libretro.itch.io/retroarch" data - core="fbalpha2012">FB Alpha 2012</a> -->
<!-- <a class="dropdown - item" href="https://libretro.itch.io/retroarch" data - core="fbalpha2012_cps1">FB Alpha 2012 CPS1</a> -->
<!-- <a class="dropdown - item" href="https://libretro.itch.io/retroarch" data - core="fbalpha2012_cps2">FB Alpha 2012 CPS2</a> -->
<!-- <a class="dropdown - item" href="https://libretro.itch.io/retroarch" data - core="fbalpha2012_neo">FB Alpha 2012 NeoGeo</a> -->
<!-- <a class="dropdown - item" href="https://libretro.itch.io/retroarch" data - core="fceumm">FCEUmm</a> -->
<!-- <a class="dropdown - item" href="https://libretro.itch.io/retroarch" data - core="ffmpeg">FFmpeg</a> -->
< a class = "dropdown-item" href = "https://libretro.itch.io/retroarch" data-core = "gambatte" > Gambatte (Gameboy / Gameboy Color)< / a >
< a class = "dropdown-item" href = "https://libretro.itch.io/retroarch" data-core = "genesis_plus_gx" > Genesis Plus GX (Megadrive / Game Gear / Master System)< / a >
<!-- <a class="dropdown - item" href="https://libretro.itch.io/retroarch" data - core="gme">Game Music Emu</a> -->
<!-- <a class="dropdown - item" href="https://libretro.itch.io/retroarch" data - core="gpsp">gPSP</a> -->
<!-- <a class="dropdown - item" href="https://libretro.itch.io/retroarch" data - core="handy">Handy</a> -->
<!-- <a class="dropdown - item" href="https://libretro.itch.io/retroarch" data - core="mame2000">MAME 2000</a> -->
<!-- <a class="dropdown - item" href="https://libretro.itch.io/retroarch" data - core="mednafen_lynx">Mednafen Lynx</a> -->
< a class = "dropdown-item" href = "https://libretro.itch.io/retroarch" data-core = "mednafen_ngp" > Mednafen NeoPop (NeoGeo Pocket)< / a >
< a class = "dropdown-item" href = "https://libretro.itch.io/retroarch" data-core = "mednafen_pce_fast" > Mednafen PCE-Fast (PC Engine / TurboGrafx-16)< / a >
<!-- <a class="dropdown - item" href="https://libretro.itch.io/retroarch" data - core="mednafen_pcfx">Mednafen/Beetle PCFX</a> -->
<!-- <a class="dropdown - item" href="https://libretro.itch.io/retroarch" data - core="mednafen_psx">Mednafen/Beetle PSX</a> -->
<!-- <a class="dropdown - item" href="https://libretro.itch.io/retroarch" data - core="mednafen_saturn">Mednafen/Beetle Saturn</a> -->
<!-- <a class="dropdown - item" href="https://libretro.itch.io/retroarch" data - core="mednafen_snes">Mednafen/Beetle SNES</a> -->
<!-- <a class="dropdown - item" href="https://libretro.itch.io/retroarch" data - core="mednafen_vb">Mednafen/Beetle Virtual Boy</a> -->
<!-- <a class="dropdown - item" href="https://libretro.itch.io/retroarch" data - core="mednafen_wswan">Mednafen/Beetle WonderSwan</a> -->
<!-- <a class="dropdown - item" href="https://libretro.itch.io/retroarch" data - core="mupen64plus">Mupen64 Plus</a> -->
< a class = "dropdown-item" href = "https://libretro.itch.io/retroarch" data-core = "nestopia" > Nestopia (Nintendo Entertainment System)< / a >
<!-- <a class="dropdown - item" href="https://libretro.itch.io/retroarch" data - core="nxengine">NX Engine</a> -->
<!-- <a class="dropdown - item" href="https://libretro.itch.io/retroarch" data - core="o2em">O2em</a> -->
<!-- <a class="dropdown - item" href="https://libretro.itch.io/retroarch" data - core="picodrive">PicoDrive</a> -->
<!-- <a class="dropdown - item" href="https://libretro.itch.io/retroarch" data - core="prboom">PrBoom</a> -->
<!-- <a class="dropdown - item" href="https://libretro.itch.io/retroarch" data - core="quicknes">QuickNES</a> -->
<!-- <a class="dropdown - item" href="https://libretro.itch.io/retroarch" data - core="snes9x2002">Snes9x 2002</a> -->
<!-- <a class="dropdown - item" href="https://libretro.itch.io/retroarch" data - core="snes9x2005">Snes9x 2005</a> -->
< a class = "dropdown-item" href = "https://libretro.itch.io/retroarch" data-core = "snes9x2010" > Snes9x 2010 (Super Nintendo Entertainment System)< / a >
<!-- <a class="dropdown - item" href="https://libretro.itch.io/retroarch" data - core="snes9x">Snes9x</a> -->
<!-- <a class="dropdown - item" href="https://libretro.itch.io/retroarch" data - core="stella">Stella</a> -->
<!-- <a class="dropdown - item" href="https://libretro.itch.io/retroarch" data - core="tgbdual">TGB Dual</a> -->
<!-- <a class="dropdown - item" href="https://libretro.itch.io/retroarch" data - core="tyrquake">TyrQuake</a> -->
< a class = "dropdown-item" href = "https://libretro.itch.io/retroarch" data-core = "vba_next" > VBA Next (Gameboy Advance)< / a >
<!-- <a class="dropdown - item" href="https://libretro.itch.io/retroarch" data - core="vecx">Vecx</a> -->
<!-- <a class="dropdown - item" href="https://libretro.itch.io/retroarch" data - core="virtualjaguar">Virtual Jaguar</a> -->
<!-- <a class="dropdown - item" href="https://libretro.itch.io/retroarch" data - core="yabause">Yabause</a> -->
2016-09-15 18:12:00 -05:00
< / div >
< button class = "btn btn-danger disabled" id = "btnRun" onclick = "startRetroArch()" title = "Start RetroArch" disabled >
< span class = "fa fa-spinner fa-spin" id = "icnRun" > < / span > < span class = "sr-only" > < / span >
< / button >
< button class = "btn btn-danger disabled" id = "btnAdd" onclick = "document.getElementById('btnRom').click()" title = "Add Games" disabled >
< span class = "fa fa-plus" id = "icnAdd" > < / span > < / span > < span class = "sr-only" > < / span >
< / button >
< input class = "btn btn-danger disabled" style = "display: none" type = "file" id = "btnRom" name = "upload" onclick = "document.getElementById('btnAdd').click();" onchange = "selectFiles(event.target.files)" multiple / >
< button class = "btn btn-danger disabled" id = "btnFullscreen" onclick = "Module.requestFullScreen()" title = "Fullscreen" disabled >
< span class = "fa fa-desktop" id = "icnAdd" > < / span > < span class = "sr-only" > Fullscreen< / span >
< / button >
< button class = "btn btn-danger disabled" id = "btnMenu" onclick = "keyPress(112);" title = "Menu toggle" disabled >
< span class = "fa fa-bars" id = "btnMenu" > < / span > < span class = "sr-only" > < / span >
< / button >
2016-09-15 18:56:12 -05:00
<!-- <button class="btn btn - danger" id="btnDrop" onclick=switchStorage() title="Storage backend">
2016-09-15 18:12:00 -05:00
< span class = "fa fa-globe" id = "icnDrop" > < / span > < span class = "sr-only" > < / span >
2016-09-15 18:56:12 -05:00
< / button > -->
2016-09-15 18:12:00 -05:00
< / li >
< / div >
< / ul >
< / div >
<!-- /.Collapse content -->
< / div >
< / nav >
< div class = "bg-inverse webplayer-container" >
< div class = "container" >
< div class = "webplayer_border text-xs-center" id = "canvas_div" >
< canvas class = "webplayer col-xs-12" id = "canvas" tabindex = "1" oncontextmenu = "event.preventDefault()" style = "display: none" > < / canvas >
2016-09-15 18:45:32 -05:00
< img class = "webplayer-preview img-fluid" src = "https://buildbot.libretro.com/web/media/canvas.png" width = "960px" height = "720px" alt = "RetroArch Logo" >
2016-09-15 18:12:00 -05:00
< / div >
< / div >
< / div >
2016-09-15 23:19:23 -05:00
< div class = "container" >
< div class = "row" >
< div class = "col-sm-12 form-group btn-group text-xs-center p-t-2" >
< div class = "card" >
< div class = "view overlay hm-white-slight" align = "center" >
< textarea id = "output" rows = "15" > < / textarea >
< / div >
< / div >
< / div >
< / div >
< / div >
2016-09-15 18:12:00 -05:00
< script src = "//code.jquery.com/jquery-3.1.0.min.js" > < / script >
< script src = "//rawgit.com/jeresig/jquery.hotkeys/master/jquery.hotkeys.js" > < / script >
< script src = "//cdnjs.cloudflare.com/ajax/libs/tether/1.3.4/js/tether.min.js" > < / script >
< script src = "//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.3/js/bootstrap.min.js" > < / script >
< script src = "//cdnjs.cloudflare.com/ajax/libs/dropbox.js/0.10.2/dropbox.min.js" > < / script >
< script src = "//wzrd.in/standalone/browserfs@0.6.1" > < / script >
< script src = "itch.js" > < / script >
< / body >
< / html >
