gpkvt
/
twitchtts
mirror of https://gitlab.com/gpvkt/twitchtts.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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

This commit is contained in:
gpkvt 2022-08-27 11:34:05 +02:00
parent df450f9eaf 771be01850
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 fuzzywuzzy==0.18.0
PyInstaller==5.3 PyInstaller==5.3
PyYAML==6.0 PyYAML==6.0
requests==2.28.1 requests==2.28.1
wikipedia==1.4.0 wikipedia==1.4.0

98
tts.html
View File

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