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 -->
|
|
|
|
<link href="https://bot.libretro.com/web/mdb/css/mdb.min.css" rel="stylesheet">
|
|
|
|
|
|
|
|
<link href="proto.css" rel="stylesheet" type="text/css">
|
2016-09-07 01:11:25 -05:00
|
|
|
<link rel="shortcut icon" href="media/icon_dark.ico" />
|
2016-09-07 00:41:13 -05:00
|
|
|
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
|
|
|
|
<script src="https://use.fontawesome.com/bb20806e1e.js"></script>
|
|
|
|
|
|
|
|
<!--Navbar-->
|
|
|
|
<nav class="navbar navbar-dark bg-primary">
|
|
|
|
|
|
|
|
<!-- 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-->
|
|
|
|
<a class="navbar-brand" href="#">RetroArch</a>
|
|
|
|
<!--Links-->
|
|
|
|
<ul class="nav navbar-nav">
|
2016-09-07 01:44:34 -05:00
|
|
|
<div class="dropdown">
|
2016-09-07 00:41:13 -05:00
|
|
|
<li class="nav-item dropdown">
|
2016-09-07 01:44:34 -05:00
|
|
|
<button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Core Selection</button>
|
2016-09-07 00:41:13 -05:00
|
|
|
<div class="dropdown-menu dropdown-primary" aria-labelledby="dropdownMenu1" data-dropdown-in="fadeIn" data-dropdown-out="fadeOut">
|
2016-09-07 10:01:38 +02:00
|
|
|
<a class="dropdown-item" href="." onclick=switchCore("2048")>2048</a>
|
|
|
|
<a class="dropdown-item" href="." onclick=switchCore("4do")>4DO</a>
|
|
|
|
<a class="dropdown-item" href="." onclick=switchCore("bluemsx")>BlueMSX</a>
|
|
|
|
<a class="dropdown-item" href="." onclick=switchCore("craft")>Craft</a>
|
|
|
|
<a class="dropdown-item" href="." onclick=switchCore("dosbox")>DOSBox</a>
|
2016-09-07 12:11:52 +02:00
|
|
|
<a class="dropdown-item" href="." onclick=switchCore("easyrpg")>EasyRPG</a>
|
2016-09-07 10:01:38 +02:00
|
|
|
<a class="dropdown-item" href="." onclick=switchCore("fbalpha2012")>FB Alpha 2012</a>
|
|
|
|
<a class="dropdown-item" href="." onclick=switchCore("fbalpha2012_cps1")>FB Alpha 2012 CPS1</a>
|
|
|
|
<a class="dropdown-item" href="." onclick=switchCore("fbalpha2012_cps2")>FB Alpha 2012 CPS2</a>
|
|
|
|
<a class="dropdown-item" href="." onclick=switchCore("fbalpha2012_neo")>FB Alpha 2012 NeoGeo</a>
|
2016-09-07 00:48:54 -05:00
|
|
|
<a class="dropdown-item" href="." onclick=switchCore("fceumm")>FCEUmm</a>
|
2016-09-07 11:56:26 +02:00
|
|
|
<a class="dropdown-item" href="." onclick=switchCore("ffmpeg")>FFmpeg</a>
|
2016-09-07 00:48:54 -05:00
|
|
|
<a class="dropdown-item" href="." onclick=switchCore("gambatte")>Gambatte</a>
|
|
|
|
<a class="dropdown-item" href="." onclick=switchCore("genesis_plus_gx")>Genesis Plus GX</a>
|
2016-09-07 10:11:55 +02:00
|
|
|
<a class="dropdown-item" href="." onclick=switchCore("gme")>Game Music Emu</a>
|
2016-09-07 10:01:38 +02:00
|
|
|
<a class="dropdown-item" href="." onclick=switchCore("gpsp")>gPSP</a>
|
|
|
|
<a class="dropdown-item" href="." onclick=switchCore("handy")>Handy</a>
|
|
|
|
<a class="dropdown-item" href="." onclick=switchCore("mame2000")>MAME 2000</a>
|
|
|
|
<a class="dropdown-item" href="." onclick=switchCore("mednafen_lynx")>Mednafen Lynx</a>
|
|
|
|
<a class="dropdown-item" href="." onclick=switchCore("mednafen_ngp")>Mednafen Neo Geo Pocket</a>
|
|
|
|
<a class="dropdown-item" href="." onclick=switchCore("mednafen_pce_fast")>Mednafen PC Engine Fast</a>
|
|
|
|
<a class="dropdown-item" href="." onclick=switchCore("mednafen_pcfx")>Mednafen/Beetle PCFX</a>
|
|
|
|
<a class="dropdown-item" href="." onclick=switchCore("mednafen_psx")>Mednafen/Beetle PSX</a>
|
2016-09-07 12:16:16 +02:00
|
|
|
<!--<a class="dropdown-item" href="." onclick=switchCore("mednafen_saturn")>Mednafen/Beetle Saturn</a>-->
|
2016-09-07 10:01:38 +02:00
|
|
|
<a class="dropdown-item" href="." onclick=switchCore("mednafen_snes")>Mednafen/Beetle SNES</a>
|
|
|
|
<a class="dropdown-item" href="." onclick=switchCore("mednafen_vb")>Mednafen/Beetle Virtual Boy</a>
|
|
|
|
<a class="dropdown-item" href="." onclick=switchCore("mednafen_wswan")>Mednafen/Beetle WonderSwan</a>
|
2016-09-08 07:10:53 +02:00
|
|
|
<a class="dropdown-item" href="." onclick=switchCore("mupen64plus")>Mupen64 Plus</a>
|
2016-09-07 00:48:54 -05:00
|
|
|
<a class="dropdown-item" href="." onclick=switchCore("nestopia")>Nestopia</a>
|
2016-09-07 10:01:38 +02:00
|
|
|
<a class="dropdown-item" href="." onclick=switchCore("nxengine")>NX Engine</a>
|
|
|
|
<a class="dropdown-item" href="." onclick=switchCore("o2em")>O2em</a>
|
2016-09-07 00:48:54 -05:00
|
|
|
<a class="dropdown-item" href="." onclick=switchCore("prboom")>PrBoom</a>
|
|
|
|
<a class="dropdown-item" href="." onclick=switchCore("quicknes")>QuickNES</a>
|
2016-09-07 10:01:38 +02:00
|
|
|
<a class="dropdown-item" href="." onclick=switchCore("snes9x2002")>Snes9x 2002</a>
|
|
|
|
<a class="dropdown-item" href="." onclick=switchCore("snes9x2005")>Snes9x 2005</a>
|
|
|
|
<a class="dropdown-item" href="." onclick=switchCore("snes9x2010")>Snes9x 2010</a>
|
|
|
|
<a class="dropdown-item" href="." onclick=switchCore("snes9x")>Snes9x</a>
|
2016-09-07 00:48:54 -05:00
|
|
|
<a class="dropdown-item" href="." onclick=switchCore("stella")>Stella</a>
|
|
|
|
<a class="dropdown-item" href="." onclick=switchCore("tgbdual")>TGB Dual</a>
|
|
|
|
<a class="dropdown-item" href="." onclick=switchCore("tyrquake")>TyrQuake</a>
|
|
|
|
<a class="dropdown-item" href="." onclick=switchCore("vba_next")>VBA Next</a>
|
2016-09-07 10:01:38 +02:00
|
|
|
<a class="dropdown-item" href="." onclick=switchCore("vecx")>Vecx</a>
|
|
|
|
<a class="dropdown-item" href="." onclick=switchCore("virtualjaguar")>Virtual Jaguar</a>
|
|
|
|
<a class="dropdown-item" href="." onclick=switchCore("yabause")>Yabause</a>
|
2016-09-07 00:41:13 -05:00
|
|
|
</div>
|
|
|
|
</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">
|
|
|
|
<div class="webplayer_border text-xs-center" id="canvas_div" style="display: none">
|
|
|
|
<canvas class="webplayer col-xs-12" id="canvas" tabindex="1" oncontextmenu="event.preventDefault()"></canvas>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-sm-12 form-group btn-group text-xs-center p-t-2" id="openrom">
|
|
|
|
<button class="btn btn-primary disabled" id="btnRun" onclick="startRetroArch()">
|
|
|
|
<span class="fa fa-spinner spinning" id="icnRun"></span> Run
|
|
|
|
</button>
|
|
|
|
<button class="btn btn-primary disabled" id="btnAdd" onclick="document.getElementById('btnRom').click()">
|
|
|
|
<span class="fa fa-plus" id="icnAdd"></span> Add Content
|
|
|
|
</button>
|
|
|
|
<input class="btn btn-primary" style="display: none" type="file" id="btnRom" name="upload" onclick="document.getElementById('btnAdd').click();" onchange="selectFiles(event.target.files)" multiple />
|
|
|
|
<button class="btn btn-primary disabled" id="btnFullscreen" onclick="Module.requestFullScreen()">
|
|
|
|
<span class="fa fa-desktop" id="icnAdd"></span> Fullscreen
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
2016-09-08 00:49:36 -05:00
|
|
|
<div class="col-sm-12 form-group btn-group text-xs-center p-t-2">
|
|
|
|
<div class="btn-group" data-toggle="buttons">
|
|
|
|
<label class="btn btn-primary" id="lblLocal" onclick=switchStorage("browser")>
|
|
|
|
<input type="radio" name="options" id="btnLocal" autocomplete="off" checked>
|
|
|
|
<span class="fa fa-chrome" id="icnLocal"></span> Browser
|
|
|
|
</input>
|
|
|
|
</label>
|
|
|
|
<label class="btn btn-primary" id="lblDrop" onclick=switchStorage("dropbox")>
|
|
|
|
<input type="radio" name="options" id="btnDrop" autocomplete="off">
|
|
|
|
<span class="fa fa-dropbox" id="icnDrop"></span> Dropbox
|
|
|
|
</input>
|
|
|
|
</label>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-sm-12 form-group btn-group text-xs-center p-t-2">
|
2016-09-07 00:41:13 -05:00
|
|
|
<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-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>
|
|
|
|
<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="https://use.fontawesome.com/bb20806e1e.js"></script>
|
|
|
|
<script src="browserfs.js"></script>
|
|
|
|
<script src="proto.js"></script>
|
|
|
|
</body>
|
|
|
|
</html>
|