mirror of
https://github.com/A-Star100/simpliplay-desktop.git
synced 2025-09-17 14:19:39 +00:00
106 lines
3.6 KiB
HTML
106 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<head>
|
|
<!-- this is the Spanish version of SimpliPlay, you can find the translation status at https://crowdin.com/project/simpliplay -->
|
|
<script src="player-es.js"></script>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="Content-Security-Policy" content="
|
|
default-src 'self';
|
|
script-src 'self';
|
|
style-src 'self';
|
|
img-src 'self' data:;
|
|
media-src * blob: file:;
|
|
connect-src *;
|
|
font-src 'self';
|
|
object-src 'none';
|
|
child-src 'none';
|
|
form-action 'self';
|
|
worker-src 'self' blob:;
|
|
">
|
|
|
|
<link rel="icon" type="image/x-icon" href="images/favicon.ico">
|
|
<link rel="stylesheet" href="styles.css">
|
|
<script src="lib/dash.js"></script>
|
|
<script src="lib/hls.js"></script>
|
|
<!--<script src="lib/midi.js"></script>-->
|
|
<title>SimpliJuega</title>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<h1>SimpliJuega</h1>
|
|
<div class="dialog-overlay" id="dialogOverlay">
|
|
<div class="dialog">
|
|
<p>Seleccione cómo desea cargar los medios:</p>
|
|
<button id="chooseFileBtn">Seleccionar un archivo</button>
|
|
<button id="enterUrlBtn">Introduzca una URL</button>
|
|
<button id="hideDialogBtn">Volver atrás</button>
|
|
<input type="file" id="fileInput" accept="video/*,audio/*">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="dialog-overlay" id="urlDialogOverlay">
|
|
<div class="dialog">
|
|
<p>Introduzca la URL del medio:</p>
|
|
<input type="url" id="urlInput" placeholder="Introduzca aquí la URL del medio">
|
|
<button id="submitUrlBtn">Enviar</button>
|
|
<button id="cancelUrlBtn">Cancelar</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="subtitles-overlay" id="subtitlesOverlay">
|
|
<div class="subtitles-dialog">
|
|
<p>Introduzca la URL de los subtítulos:</p>
|
|
<input type="url" id="subtitlesInput" placeholder="Introduzca aquí la URL de los subtítulos">
|
|
<button id="submitSubtitlesBtn">Enviar</button>
|
|
<button id="cancelSubtitlesBtn">Cancelar</button>
|
|
</div>
|
|
</div>
|
|
|
|
<video id="mediaPlayer" autoplay controls></video>
|
|
|
|
<midi-player
|
|
src=""
|
|
sound-font visualizer="#myVisualizer"
|
|
id="midiplayer"
|
|
>
|
|
</midi-player>
|
|
<midi-visualizer type="piano-roll" id="myVisualizer"></midi-visualizer>
|
|
|
|
<div id="customControls">
|
|
<button id="playPauseBtn">Pausa</button>
|
|
<input type="range" id="seekBar" min="0" value="0" step="0.1">
|
|
<span id="timeDisplay">00:00 / 00:00</span>
|
|
<button id="volumeBtn">🔊</button>
|
|
<input type="range" id="volumeBar" min="0" max="1" step="0.1" value="1">
|
|
<button id="fullscreenBtn">⛶</button>
|
|
<button id="ccBtn">Añadir subtítulos</button> <!-- CC button -->
|
|
</div>
|
|
|
|
<div class="gap-box"></div>
|
|
<button id="showDialogBtn">Reproduce más contenido multimedia</button>
|
|
|
|
<!-- Settings gear button -->
|
|
<button id="settingsBtn">⚙️</button>
|
|
|
|
<!-- Settings panel -->
|
|
<div class="dialog-overlay" id="settingsDialogOverlay">
|
|
<div id="settingsPanel">
|
|
<label for="autoplayCheckbox">Reproducción automática:</label>
|
|
<input type="checkbox" id="autoplayCheckbox" checked><br>
|
|
<label for="loopCheckbox">Bucle:</label>
|
|
<input type="checkbox" id="loopCheckbox"><br>
|
|
<label for="controlsCheckbox">Controles:</label>
|
|
<input type="checkbox" id="controlsCheckbox" checked><br>
|
|
<label for="controlsCheckbox">Colores vivos:</label>
|
|
<input type="checkbox" id="colorsCheckbox"><br>
|
|
<p class="settings-info"><em>La configuración solo se aplica a esta sesión.</em></p>
|
|
<button id="saveSettingsBtn">Guardar configuración</button>
|
|
</div>
|
|
</div>
|
|
<script src="./renderer.js"></script>
|
|
</body>
|
|
|
|
</html>
|