mirror of https://github.com/jlelse/GoBlog
You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
38 lines
1.1 KiB
JavaScript
38 lines
1.1 KiB
JavaScript
(function () {
|
|
window.onbeforeunload = stopSpeak
|
|
|
|
let speakButton = query('#speakBtn')
|
|
let speech = window.speechSynthesis
|
|
|
|
if (speech) {
|
|
speakButton.classList.remove('hide')
|
|
speakButton.onclick = startSpeak
|
|
speakButton.textContent = speakButton.dataset.speak
|
|
}
|
|
|
|
function query(selector) {
|
|
return document.querySelector(selector)
|
|
}
|
|
|
|
function getVoice() {
|
|
return speech ? speech.getVoices().filter(voice => voice.lang.startsWith(query('html').lang))[0] : false
|
|
}
|
|
|
|
function startSpeak() {
|
|
speakButton.onclick = stopSpeak
|
|
speakButton.textContent = speakButton.dataset.stopspeak
|
|
let ut = new SpeechSynthesisUtterance(
|
|
((query('article .p-name')) ? query('article .p-name').innerText + "\n\n" : '') + query('article .e-content').innerText
|
|
)
|
|
ut.voice = getVoice()
|
|
ut.onerror = stopSpeak
|
|
ut.onend = stopSpeak
|
|
speech.speak(ut)
|
|
}
|
|
|
|
function stopSpeak() {
|
|
speech.cancel()
|
|
speakButton.onclick = startSpeak
|
|
speakButton.textContent = speakButton.dataset.speak
|
|
}
|
|
})() |