ruffle/web/packages/extension/assets/options.html

82 lines
3.7 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Ruffle Settings</title>
<link rel="icon" type="image/png" href="images/icon32.png" />
<link rel="stylesheet" href="css/common.css" />
<link rel="stylesheet" href="css/options.css" />
</head>
<body>
<div class="header">
<a href="https://ruffle.rs/" target="_blank">
<img
src="images/logo.svg"
alt="Ruffle"
data-canonical-src="images/logo.svg"
class="logo" />
</a>
</div>
<div class="options container">
<div class="option checkbox">
<input type="checkbox" id="ruffle_enable" />
<label for="ruffle_enable">Play Flash content in Ruffle</label>
</div>
<div class="option checkbox">
<input type="checkbox" id="show_swf_download" />
<label for="show_swf_download">Show SWF download in context menu</label>
</div>
<div class="option checkbox">
<input type="checkbox" id="autostart" />
<label for="autostart">Play automatically without splash screen (then click to unmute)</label>
</div>
<div class="option checkbox">
<input type="checkbox" id="warn_on_unsupported_content" />
<label for="warn_on_unsupported_content">Warn on unsupported content</label>
</div>
<details>
<summary>Advanced Options</summary>
<div class="options">
<div class="option checkbox">
<input type="checkbox" id="ignore_optout" />
<label for="ignore_optout">Play Flash content even on sites that disallow Ruffle</label>
</div>
<div class="option select">
<select id="log_level">
<option value="info">Info</option>
<option value="warn">Warning</option>
<option value="error">Error</option>
</select>
<label for="log_level">Log level</label>
</div>
<div class="option select">
<select id="preferred_renderer">
<option value="">Automatic</option>
<option value="webgpu">WebGPU</option>
<option value="wgpu-webgl">Wgpu (via WebGL)</option>
<option value="webgl">WebGL</option>
<option value="canvas">Canvas2D</option>
</select>
<label for="preferred_renderer">Preferred renderer</label>
</div>
<div class="option number-input">
<input type="number" id="player_version"
min="1"
max="32"
placeholder="32"
/>
<label for="player_version">Flash player version number to emulate (range 1-32)</label>
</div>
<div class="option number-input">
<input type="number" id="max_execution_duration" min="1" />
<label for="max_execution_duration">Maximum allowed ActionScript execution duration (in seconds)</label>
</div>
</div>
</details>
</div>
<script src="dist/options.js"></script>
</body>
</html>