mirror of
https://github.com/libretro/RetroArch
synced 2025-02-04 03:40:03 +00:00
61 lines
2.8 KiB
HTML
61 lines
2.8 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 gambatte">
|
|
<a class="nav-link" href="./?core=gambatte">Gambatte</a>
|
|
</li>
|
|
<li class="nav-item snes9x2010">
|
|
<a class="nav-link" href="./?core=snes9x2010">Snex9x 2010</a>
|
|
</li>
|
|
<li class="nav-item vba_next">
|
|
<a class="nav-link vba_next" href="./?core=vba_next">VBA Next</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>
|