2016-09-07 00:41:13 -05:00
<!doctype html>
< html lang = "en" >
< head >
< meta charset = "utf-8" >
< 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 -->
2016-09-11 02:36:25 -04:00
< link href = "//cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.1.1/css/mdb.min.css" rel = "stylesheet" >
2016-12-03 11:44:26 -05:00
2016-09-15 18:18:06 -05:00
< link href = "libretro.css" rel = "stylesheet" type = "text/css" >
2016-09-07 01:11:25 -05:00
< link rel = "shortcut icon" href = "media/icon_dark.ico" / >
2016-12-03 11:44:26 -05:00
2016-09-07 00:41:13 -05:00
< / head >
2016-12-03 11:44:26 -05:00
< body >
2016-09-07 00:41:13 -05:00
<!-- Navbar -->
< nav class = "navbar navbar-dark bg-primary" >
2016-09-17 16:58:28 -05:00
< div class = "container" >
2016-09-07 00:41:13 -05:00
<!-- Collapse content -->
< div class = "collapse navbar-toggleable-xs" id = "collapseEx2" >
<!-- Links -->
< ul class = "nav navbar-nav" >
2016-09-07 01:44:34 -05:00
< div class = "dropdown" >
2016-09-17 12:22:46 -05:00
< li class = "nav-item dropdown" >
< button class = "btn btn-primary dropdown-toggle" type = "button" id = "dropdownMenu1" data-toggle = "dropdown" aria-haspopup = "true" aria-expanded = "false" > Core Selection< / button >
< div class = "dropdown-menu dropdown-primary" aria-labelledby = "dropdownMenu1" data-dropdown-in = "fadeIn" data-dropdown-out = "fadeOut" id = "core-selector" >
< a class = "dropdown-item" href = "." data-core = "2048" > 2048< / a >
< a class = "dropdown-item" href = "." data-core = "4do" > 4DO< / a >
< a class = "dropdown-item" href = "." data-core = "bluemsx" > BlueMSX< / a >
< a class = "dropdown-item" href = "." data-core = "craft" > Craft< / a >
< a class = "dropdown-item" href = "." data-core = "desmume" > DeSmuME< / a >
< a class = "dropdown-item" href = "." data-core = "dosbox" > DOSBox< / a >
< a class = "dropdown-item" href = "." data-core = "easyrpg" > EasyRPG< / a >
< a class = "dropdown-item" href = "." data-core = "fbalpha2012" > FB Alpha 2012< / a >
< a class = "dropdown-item" href = "." data-core = "fbalpha2012_cps1" > FB Alpha 2012 CPS1< / a >
< a class = "dropdown-item" href = "." data-core = "fbalpha2012_cps2" > FB Alpha 2012 CPS2< / a >
< a class = "dropdown-item" href = "." data-core = "fbalpha2012_neo" > FB Alpha 2012 NeoGeo< / a >
< a class = "dropdown-item" href = "." data-core = "fceumm" > FCEUmm< / a >
< a class = "dropdown-item" href = "." data-core = "ffmpeg" > FFmpeg< / a >
< a class = "dropdown-item" href = "." data-core = "gambatte" > Gambatte< / a >
< a class = "dropdown-item" href = "." data-core = "gme" > Game Music Emu< / a >
2016-09-24 16:52:48 -06:00
< a class = "dropdown-item" href = "." data-core = "genesis_plus_gx" > Genesis Plus GX< / a >
< a class = "dropdown-item" href = "." data-core = "glupen64" > GLupeN64< / a >
2016-09-17 12:22:46 -05:00
< a class = "dropdown-item" href = "." data-core = "gpsp" > gPSP< / a >
< a class = "dropdown-item" href = "." data-core = "handy" > Handy< / a >
< a class = "dropdown-item" href = "." data-core = "mame2000" > MAME 2000< / a >
< a class = "dropdown-item" href = "." data-core = "mednafen_lynx" > Mednafen Lynx< / a >
< a class = "dropdown-item" href = "." data-core = "mednafen_ngp" > Mednafen Neo Geo Pocket< / a >
< a class = "dropdown-item" href = "." data-core = "mednafen_pce_fast" > Mednafen PC Engine Fast< / a >
< a class = "dropdown-item" href = "." data-core = "mednafen_pcfx" > Mednafen/Beetle PCFX< / a >
< a class = "dropdown-item" href = "." data-core = "mednafen_psx" > Mednafen/Beetle PSX< / a >
<!-- <a class="dropdown - item" href="." data - core="mednafen_saturn">Mednafen/Beetle Saturn</a> -->
< a class = "dropdown-item" href = "." data-core = "mednafen_snes" > Mednafen/Beetle SNES< / a >
< a class = "dropdown-item" href = "." data-core = "mednafen_vb" > Mednafen/Beetle Virtual Boy< / a >
< a class = "dropdown-item" href = "." data-core = "mednafen_wswan" > Mednafen/Beetle WonderSwan< / a >
< a class = "dropdown-item" href = "." data-core = "mupen64plus" > Mupen64 Plus< / a >
< a class = "dropdown-item" href = "." data-core = "nestopia" > Nestopia< / a >
< a class = "dropdown-item" href = "." data-core = "nxengine" > NX Engine< / a >
< a class = "dropdown-item" href = "." data-core = "o2em" > O2em< / a >
< a class = "dropdown-item" href = "." data-core = "picodrive" > PicoDrive< / a >
< a class = "dropdown-item" href = "." data-core = "prboom" > PrBoom< / a >
< a class = "dropdown-item" href = "." data-core = "quicknes" > QuickNES< / a >
2016-10-10 22:42:44 +02:00
< a class = "dropdown-item" href = "." data-core = "reicast" > Reicast< / a >
2016-09-17 12:22:46 -05:00
< a class = "dropdown-item" href = "." data-core = "snes9x2002" > Snes9x 2002< / a >
< a class = "dropdown-item" href = "." data-core = "snes9x2005" > Snes9x 2005< / a >
< a class = "dropdown-item" href = "." data-core = "snes9x2010" > Snes9x 2010< / a >
< a class = "dropdown-item" href = "." data-core = "snes9x" > Snes9x< / a >
< a class = "dropdown-item" href = "." data-core = "stella" > Stella< / a >
< a class = "dropdown-item" href = "." data-core = "tgbdual" > TGB Dual< / a >
< a class = "dropdown-item" href = "." data-core = "tyrquake" > TyrQuake< / a >
< a class = "dropdown-item" href = "." data-core = "vba_next" > VBA Next< / a >
< a class = "dropdown-item" href = "." data-core = "vecx" > Vecx< / a >
< a class = "dropdown-item" href = "." data-core = "virtualjaguar" > Virtual Jaguar< / a >
< a class = "dropdown-item" href = "." data-core = "yabause" > Yabause< / a >
< / div >
< button class = "btn btn-primary disabled" id = "btnRun" onclick = "startRetroArch()" disabled >
< span class = "fa fa-spinner fa-spin" id = "icnRun" > < / span > Run
< / button >
< button class = "btn btn-primary disabled" id = "btnAdd" onclick = "document.getElementById('btnRom').click()" disabled >
< span class = "fa fa-plus" id = "icnAdd" > < / span > Add Content
< / button >
2016-12-03 11:44:26 -05:00
< button class = "btn btn-primary tooltip-enable" id = "btnClean" onclick = "cleanupStorage();" title = "Cleanup storage" >
2016-09-17 12:37:35 -05:00
< span class = "fa fa-trash-o" id = "icnClean" > < / span > < span class = "sr-only" > Cleanup< / span >
2016-09-17 12:22:46 -05:00
< / button >
< input class = "btn btn-primary disabled" style = "display: none" type = "file" id = "btnRom" name = "upload" onclick = "document.getElementById('btnAdd').click();" onchange = "selectFiles(event.target.files)" multiple / >
2016-12-03 11:44:26 -05:00
< button class = "btn btn-primary disabled tooltip-enable" id = "btnMenu" onclick = "keyPress(112);" title = "Menu toggle" disabled >
2016-09-17 12:22:46 -05:00
< span class = "fa fa-bars" id = "btnMenu" > < / span > < span class = "sr-only" > Menu< / span >
< / button >
2016-12-03 11:44:26 -05:00
< button class = "btn btn-primary disabled tooltip-enable" id = "btnFullscreen" onclick = "Module.requestFullScreen()" title = "Fullscreen" disabled >
2016-09-17 12:22:46 -05:00
< span class = "fa fa-desktop" id = "icnAdd" > < / span > < span class = "sr-only" > Fullscreen< / span >
< / button >
2016-09-07 00:41:13 -05:00
< / li >
2016-09-07 01:44:34 -05:00
< / div >
2016-09-07 00:41:13 -05:00
< / ul >
< / div >
<!-- /.Collapse content -->
< / div >
< / nav >
< div class = "bg-inverse webplayer-container" >
< div class = "container" >
2016-09-09 22:36:09 -04:00
< 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-10 02:10:31 -04:00
< img class = "webplayer-preview img-fluid" src = "media/canvas.png" width = "960px" height = "720px" alt = "RetroArch Logo" >
2016-09-07 00:41:13 -05:00
< / div >
< / div >
< / div >
< div class = "container" >
< div class = "row" >
2016-09-17 12:22:46 -05:00
< div class = "col-sm-12 form-group btn-group text-xs-left p-t-2" >
2016-09-08 00:49:36 -05:00
< div class = "btn-group" data-toggle = "buttons" >
2016-12-03 11:44:26 -05:00
< label class = "btn btn-primary tooltip-enable" id = "lblLocal" onclick = "switchStorage('browser')" title = "Store content in your browser's cache. May take up space on disk." >
< input type = "radio" name = "options" id = "btnLocal" autocomplete = "off" checked >
2016-09-17 11:23:59 -05:00
< span class = "fa fa-globe" id = "icnLocal" > < / span > Browser
2016-09-08 00:49:36 -05:00
< / input >
< / label >
2016-12-03 11:44:26 -05:00
< label class = "btn btn-primary tooltip-enable" id = "lblDrop" onclick = "switchStorage('dropbox')" title = "Stores content in a folder under Dropbox storage. Requires a Dropbox account." >
2016-09-08 00:49:36 -05:00
< input type = "radio" name = "options" id = "btnDrop" autocomplete = "off" >
< span class = "fa fa-dropbox" id = "icnDrop" > < / span > Dropbox
< / input >
2016-09-17 12:22:46 -05:00
< / label >
2016-09-08 00:49:36 -05:00
< / div >
< / div >
< / div >
2016-09-15 13:34:31 +02:00
< 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 >
2016-09-07 00:41:13 -05:00
< / div >
2016-09-07 10:28:11 +02:00
< div align = "center" >
< p > For now, we recommend you use < a href = "https://www.google.com/chrome/" > Google Chrome< / a > for the best possible performance.< / p >
2016-09-08 00:49:36 -05:00
< a href = "http://www.libretro.com" > < img align = "center" src = "media/libretro-logo.png" / > < / a >
2016-09-07 10:28:11 +02:00
< / div >
2016-09-07 00:41:13 -05:00
< script src = "//code.jquery.com/jquery-3.1.0.min.js" > < / script >
2016-09-08 23:37:05 -05:00
< script src = "//rawgit.com/jeresig/jquery.hotkeys/master/jquery.hotkeys.js" > < / script >
2016-09-07 00:41:13 -05:00
< 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 >
2016-09-08 23:37:05 -05:00
< script src = "analytics.js" > < / script >
2016-09-29 08:49:31 -05:00
<!-- script src="//wzrd.in/standalone/browserfs@0.6.1"></script -->
2016-09-29 08:54:50 -05:00
< script src = "//bot.libretro.com/web/browserfs.min.js" > < / script >
2016-09-15 18:18:06 -05:00
< script src = "libretro.js" > < / script >
2016-09-07 00:41:13 -05:00
< / body >
< / html >
