adrien/ChatBeta
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1 seule occurence d'utterance

Browse Source
This commit is contained in:
Adrien MALINGREY
2026-01-19 22:57:30 +01:00
parent 159432b7a1
commit 7fd6b5b61e
1 changed files with 19 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
index.html
View File

@@ -150,6 +150,7 @@ const bouton_ok = document.getElementById('bouton_ok');
const footer = document.querySelector('footer'); const footer = document.querySelector('footer');
const langue = document.documentElement.lang; const langue = document.documentElement.lang;
let voix = null; let voix = null;
let utterance = null;
question.onkeydown = function(e) { question.onkeydown = function(e) {
if (e.key === 'Enter' && !e.ctrlKey && !e.shiftKey) { if (e.key === 'Enter' && !e.ctrlKey && !e.shiftKey) {
@@ -160,7 +161,7 @@ question.onkeydown = function(e) {
question.onfocus = function() { question.onfocus = function() {
window.onresize; window.onresize;
question.scrollIntoView({ block: 'end', behavior: 'auto' }); question.scrollIntoView({ block: 'start', behavior: 'auto' });
}; };
formulaire.addEventListener('submit', async (e) => { formulaire.addEventListener('submit', async (e) => {
@@ -190,13 +191,11 @@ formulaire.addEventListener('submit', async (e) => {
const reponse = await requete.text(); const reponse = await requete.text();
paragraphe.setAttribute('aria-busy', 'false'); paragraphe.setAttribute('aria-busy', 'false');
if (voix) { if (utterance?.voice) {
const utterance = new SpeechSynthesisUtterance(reponse); utterance.text = reponse;
utterance.lang = langue;
utterance.voice = voix;
utterance.rate = 1;
speechSynthesis.speak(utterance); speechSynthesis.speak(utterance);
} }
let t = 0; let t = 0;
Array.from(reponse).forEach((lettre, i) => { Array.from(reponse).forEach((lettre, i) => {
setTimeout(() => { setTimeout(() => {
@@ -205,7 +204,7 @@ formulaire.addEventListener('submit', async (e) => {
} else { } else {
paragraphe.innerHTML += lettre; paragraphe.innerHTML += lettre;
} }
paragraphe.scrollIntoView({ block: 'end', behavior: 'auto' }); paragraphe.scrollIntoView({ block: 'start', behavior: 'auto' });
}, t += 100 * Math.random()); }, t += 100 * Math.random());
}); });
setTimeout(() => { setTimeout(() => {
@@ -213,6 +212,7 @@ formulaire.addEventListener('submit', async (e) => {
paragraphe.classList.add('reponse'); paragraphe.classList.add('reponse');
paragraphe.innerHTML = 'Voulez-vous que je réponde à une autre question ?'; paragraphe.innerHTML = 'Voulez-vous que je réponde à une autre question ?';
conversation.appendChild(paragraphe); conversation.appendChild(paragraphe);
paragraphe.scrollIntoView({ block: 'start', behavior: 'auto' });
bouton_envoyer.disabled = false; bouton_envoyer.disabled = false;
bouton_envoyer.setAttribute("aria-busy", false); bouton_envoyer.setAttribute("aria-busy", false);
bouton_envoyer.innerHTML = bouton_envoyer_innerHTML; bouton_envoyer.innerHTML = bouton_envoyer_innerHTML;
@@ -235,14 +235,18 @@ function charger_voix() {
} }
speechSynthesis.removeEventListener('voiceschanged', charger_voix); speechSynthesis.removeEventListener('voiceschanged', charger_voix);
liste_voix.forEach((v, i) => { utterance = new SpeechSynthesisUtterance();
utterance.lang = langue;
utterance.rate = 1;
speechSynthesis.speak(utterance);
liste_voix.forEach((voix, i) => {
const option = document.createElement('option'); const option = document.createElement('option');
option.value = i; option.value = i;
option.textContent = `${v.name} (${v.lang})`; option.textContent = `${voix.name} (${voix.lang})`;
select_voix.appendChild(option); select_voix.appendChild(option);
if (v.voiceURI === window.localStorage.getItem('voix')) { if (voix.voiceURI === window.localStorage.getItem('voix')) {
select_voix.value = i; select_voix.value = i;
voix = v; utterance.voice = voix;
option.selected = true; option.selected = true;
bouton_synthese_vocale.innerHTML = "🔊"; bouton_synthese_vocale.innerHTML = "🔊";
} }
@@ -258,11 +262,12 @@ function charger_voix() {
bouton_ok.onclick = function() { bouton_ok.onclick = function() {
boite_synthese_vocale.close(); boite_synthese_vocale.close();
if (select_voix.value) { if (select_voix.value) {
voix = liste_voix[select_voix.value]; let voix = liste_voix[select_voix.value];
utterance.voice = voix;
window.localStorage.setItem('voix', voix.voiceURI); window.localStorage.setItem('voix', voix.voiceURI);
bouton_synthese_vocale.innerHTML = "🔊"; bouton_synthese_vocale.innerHTML = "🔊";
} else { } else {
voix = null; utterance.voice = null;
window.localStorage.removeItem('voix'); window.localStorage.removeItem('voix');
bouton_synthese_vocale.innerHTML = "🔈"; bouton_synthese_vocale.innerHTML = "🔈";
} }