Hallo Jörg,
Habe deinen Tipp umgesetzt, aber es funktioniert leider nicht.
Siehe hier:
https://www.ergotherapie-wiesinger.de/Vorlesen/23/
Die Konsole im Chrome zeigt folgende Fehlermeldung:
script.js:53 Uncaught TypeError: Cannot read property 'appendChild' of null
at SpeechSynthesis.setVoices (script.js:53)
Zeile 53 im Skript ist folgende:
voicesSelect.appendChild(option);
Habe dann vieles probiert, aber mehr als das folgende ist nicht dabei herausgekommen und es funktioniert auch nicht:
https://www.ergotherapie-wiesinger.de/Vorlesen/23/index2.html
Habe unter anderem den folgenden Absatz entfernt, denn die Sprache soll ja nicht ausgewählt werden sondern sie ist bereits definiert
var setVoices = function () {
let voices = speechSynthesis.getVoices();
let voicesSelect = document.getElementById("voiceSelect");
for (let index in voices) {
let option = document.createElement("OPTION");
option.value = index;
option.innerHTML = voices[index].name;
voicesSelect.appendChild(option);
}
};
Dann habe ich mir gedacht, dass in folgendem Absatz noch die eine oder andere Zeile entfernt werden kann, denn die Sprache ist definiert.
var play = function () {
var self = this;
this.disabled = true;
let voices = speechSynthesis.getVoices();
let speech = new SpeechSynthesisUtterance();
let selectedVoice = document.getElementById("voiceSelect");
let tts = document.getElementById("lesen");
speech.text = tts.innerText;
speech.voice = voices[0];
speechSynthesis.speak(speech);
speech.onend = function () {
self.disabled = false;
};
};
Habe dann auch im ersten Abschnitt etwas entfernt.
var init = function () {
if (window.speechSynthesis) {
if ("onvoiceschanged" in speechSynthesis) {
speechSynthesis.onvoiceschanged = setVoices;
} else {
setVoices();
}
}
so schaut das ganze dann aus:
Habe dann auch im ersten Abschnitt etwas entfernt.
var init = function () {
if (window.speechSynthesis) {
}
Aber es funktioniert eben leider nicht.