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
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>