gpkvt/twitchtts
1
0
Fork 0
mirror of https://gitlab.com/gpvkt/twitchtts.git synced 2025-10-31 00:57:35 +01:00
Code Issues Projects Releases Packages Wiki Activity

Merge branch 'main' of gitlab.com:gpvkt/twitchtts

Browse source
This commit is contained in:
gpkvt 2022-08-27 11:34:05 +02:00
commit 5d2c03cc0f
3 changed files with 59 additions and 59 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
bootstrap.min.css vendored
View file

File diff suppressed because one or more lines are too long

10
requirements.txt
View file

@ -1,5 +1,5 @@
fuzzywuzzy==0.18.0
PyInstaller==5.3
PyYAML==6.0
requests==2.28.1
wikipedia==1.4.0
fuzzywuzzy==0.18.0
PyInstaller==5.3
PyYAML==6.0
requests==2.28.1
wikipedia==1.4.0

98
tts.html
View file

@ -1,49 +1,49 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link href="./bootstrap.min.css" rel="stylesheet" />
<title>TTS</title>
<script src="./jquery.js"></script>
</head>
<body class="container mt-2">
<p class="lead mt-2">Select Voice</p>
<select id="voices" class="form-select bg-transparent"></select>
<div class="d-flex mt-2">
<div>
<p class="lead">Volume</p>
<input type="range" min="0" max="1" value="1" step="0.1" id="volume" />
<span id="volume-label" class="ms-2">1</span>
</div>
<div class="mx-4">
<p class="lead">Rate</p>
<input type="range" min="0.1" max="10" value="1" id="rate" step="0.1" />
<span id="rate-label" class="ms-2">1</span>
</div>
<div>
<p class="lead">Pitch</p>
<input type="range" min="0" max="2" value="1" step="0.1" id="pitch" />
<span id="pitch-label" class="ms-2">1</span>
</div>
</div>
<div>
<button id="start" class="btn btn-success mt-4 me-2">Init</button>
<button id="pause" class="btn btn-warning mt-4 me-2">Pause</button>
<button id="resume" class="btn btn-info mt-4 me-2">Resume</button>
<button id="cancel" class="btn btn-danger mt-4 me-2">Cancel</button>
</div>
<script src="./tts.js"></script>
<script>
$(document).ready (function(){
if (window.matchMedia) {
if(window.matchMedia('(prefers-color-scheme: dark)').matches){
$('body').addClass('bg-dark');
$('p').addClass('text-light');
$('select').addClass('text-light');
$('option').addClass('bg-dark');
$('span').addClass('text-light');
}
}
});
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<link href="./bootstrap.min.css" rel="stylesheet" />
<title>TTS</title>
<script src="./jquery.js"></script>
</head>
<body class="container mt-2">
<p class="lead mt-2">Select Voice</p>
<select id="voices" class="form-select bg-transparent"></select>
<div class="d-flex mt-2">
<div>
<p class="lead">Volume</p>
<input type="range" min="0" max="1" value="1" step="0.1" id="volume" />
<span id="volume-label" class="ms-2">1</span>
</div>
<div class="mx-4">
<p class="lead">Rate</p>
<input type="range" min="0.1" max="10" value="1" id="rate" step="0.1" />
<span id="rate-label" class="ms-2">1</span>
</div>
<div>
<p class="lead">Pitch</p>
<input type="range" min="0" max="2" value="1" step="0.1" id="pitch" />
<span id="pitch-label" class="ms-2">1</span>
</div>
</div>
<div>
<button id="start" class="btn btn-success mt-4 me-2">Init</button>
<button id="pause" class="btn btn-warning mt-4 me-2">Pause</button>
<button id="resume" class="btn btn-info mt-4 me-2">Resume</button>
<button id="cancel" class="btn btn-danger mt-4 me-2">Cancel</button>
</div>
<script src="./tts.js"></script>
<script>
$(document).ready (function(){
if (window.matchMedia) {
if(window.matchMedia('(prefers-color-scheme: dark)').matches){
$('body').addClass('bg-dark');
$('p').addClass('text-light');
$('select').addClass('text-light');
$('option').addClass('bg-dark');
$('span').addClass('text-light');
}
}
});
</script>
</body>
</html>