RetroArch/pkg/emscripten/webplayer.html
2016-09-07 07:43:20 +02:00

139 lines
6.7 KiB
HTML

<!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">
<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.3/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="webplayer.css" rel="stylesheet" type="text/css">
</head>
<body>
<nav class="navbar navbar-static-top navbar-light bg-faded">
<div class="container">
<a class="navbar-brand" href="#">RetroArch</a>
<ul class="nav navbar-nav">
<li class="nav-item 2048">
<a class="nav-link" href="." onclick=switchCore("2048")>2048</a>
</li>
<li class="nav-item 4do">
<a class="nav-link" href="." onclick=switchCore("4do")>4DO</a>
</li>
<li class="nav-item bluemsx">
<a class="nav-link" href="." onclick=switchCore("bluemsx")>BlueMSX</a>
</li>
<li class="nav-item fceumm">
<a class="nav-link" href="." onclick=switchCore("fceumm")>FCEUmm</a>
</li>
<li class="nav-item fmsx">
<a class="nav-link" href="." onclick=switchCore("fmsx")>fMSX</a>
</li>
<li class="nav-item gambatte">
<a class="nav-link" href="." onclick=switchCore("gambatte")>Gambatte</a>
</li>
<li class="nav-item genesis_plus_gx">
<a class="nav-link" href="." onclick=switchCore("genesis_plus_gx")>Genesis Plus GX</a>
</li>
<li class="nav-item mame2000">
<a class="nav-link" href="." onclick=switchCore("mame2000")>MAME 2000</a>
</li>
<li class="nav-item mednafen_lynx">
<a class="nav-link" href="." onclick=switchCore("mednafen_lynx")>Mednafen Lynx</a>
</li>
<li class="nav-item mednafen_ngp">
<a class="nav-link" href="." onclick=switchCore("mednafen_ngp")>Mednafen NGP</a>
</li>
<li class="nav-item mednafen_pce_fast">
<a class="nav-link" href="." onclick=switchCore("mednafen_pce_fast")>Mednafen PCE Fast</a>
</li>
<li class="nav-item mednafen_pcfx">
<a class="nav-link" href="." onclick=switchCore("mednafen_pcfx")>Mednafen PCFX</a>
</li>
<li class="nav-item mednafen_vb">
<a class="nav-link" href="." onclick=switchCore("mednafen_vb")>Mednafen VB</a>
</li>
<li class="nav-item mednafen_wswan">
<a class="nav-link" href="." onclick=switchCore("mednafen_wswan")>Mednafen Wonderswan</a>
</li>
<li class="nav-item nestopia">
<a class="nav-link" href="." onclick=switchCore("nestopia")>Nestopia</a>
</li>
<li class="nav-item nxengine">
<a class="nav-link" href="." onclick=switchCore("nxengine")>NX Engine</a>
</li>
<li class="nav-item o2em">
<a class="nav-link" href="." onclick=switchCore("o2em")>O2EM</a>
</li>
<li class="nav-item prboom">
<a class="nav-link" href="." onclick=switchCore("prboom")>PrBoom</a>
</li>
<li class="nav-item quicknes">
<a class="nav-link" href="." onclick=switchCore("quicknes")>QuickNES</a>
</li>
<li class="nav-item snes9x2002">
<a class="nav-link" href="." onclick=switchCore("snes9x2002")>Snes9x 2002</a>
</li>
<li class="nav-item snes9x2005">
<a class="nav-link" href="." onclick=switchCore("snes9x2005")>Snes9x 2005</a>
</li>
<li class="nav-item snes9x2010">
<a class="nav-link" href="." onclick=switchCore("snes9x2010")>Snes9x 2010</a>
</li>
<li class="nav-item snes9x">
<a class="nav-link" href="." onclick=switchCore("snes9x")>Snes9x</a>
</li>
<li class="nav-item stella">
<a class="nav-link" href="." onclick=switchCore("stella")>Stella</a>
</li>
<li class="nav-item tgbdual">
<a class="nav-link" href="." onclick=switchCore("tgbdual")>TGB Dual</a>
</li>
<li class="nav-item tyrquake">
<a class="nav-link" href="." onclick=switchCore("tyrquake")>TyrQuake</a>
</li>
<li class="nav-item vba_next">
<a class="nav-link" href="." onclick=switchCore("vba_next")>VBA Next</a>
</li>
<li class="nav-item virtualjaguar">
<a class="nav-link" href="." onclick=switchCore("virtualjaguar")>Virtual Jaguar</a>
</li>
<li class="nav-item vecx">
<a class="nav-link" href="." onclick=switchCore("vecx")>Vecx</a>
</li>
</ul>
</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="btnStart" onclick="startRetroArch()">Start RetroArch</button>
<button class="btn btn-secondary" id="btnAuth" onclick="dropboxInit()">Sync DropBox</button>
<button class="btn btn-secondary" id="btnLoad" disabled=true onclick="document.getElementById('rom').click()">Add Content</button>
<input class="btn btn-secondary" style="display: none" type="file" id="rom" name="upload" onclick="document.getElementById('btnLoad').click();" onchange="selectFiles(event.target.files)" multiple />
<input class="btn btn-info" type="button" value="Fullscreen" onclick="Module.requestFullScreen()">
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="form-group">
<textarea class="webplayer form-control" id="output" rows="15"></textarea>
</div>
</div>
</div>
</div>
<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="browserfs.js"></script>
<script src="webplayer.js"></script>
</body>
</html>