web/notify.moe
Code Issues Pull Requests Activity

Disable speech input by clicking again

Browse Source
This commit is contained in:
Eduard Urbach 2018-04-20 20:55:40 +02:00
parent 444be7ddc3
commit de61988cd1
1 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
scripts/Actions/Search.ts
View File

@ -33,6 +33,9 @@ const fetchOptions: RequestInit = {
credentials: "same-origin" credentials: "same-origin"
} }
// Speech recognition
let recognition: SpeechRecognition
// Search // Search
export async function search(arn: AnimeNotifier, search: HTMLInputElement, evt?: KeyboardEvent) { export async function search(arn: AnimeNotifier, search: HTMLInputElement, evt?: KeyboardEvent) {
if(evt && (evt.ctrlKey || evt.altKey)) { if(evt && (evt.ctrlKey || evt.altKey)) {
@ -179,11 +182,16 @@ export function showSearchResults(arn: AnimeNotifier, element: HTMLElement) {
} }
export function searchBySpeech(arn: AnimeNotifier, element: HTMLElement) { export function searchBySpeech(arn: AnimeNotifier, element: HTMLElement) {
if(recognition) {
recognition.stop()
return
}
let searchInput = document.getElementById("search") as HTMLInputElement let searchInput = document.getElementById("search") as HTMLInputElement
let oldPlaceholder = searchInput.placeholder let oldPlaceholder = searchInput.placeholder
let SpeechRecognition: SpeechRecognitionStatic = window["SpeechRecognition"] || window["webkitSpeechRecognition"] let SpeechRecognition: SpeechRecognitionStatic = window["SpeechRecognition"] || window["webkitSpeechRecognition"]
let recognition = new SpeechRecognition() recognition = new SpeechRecognition()
recognition.continuous = false recognition.continuous = false
recognition.interimResults = false recognition.interimResults = false
recognition.lang = "en-US" recognition.lang = "en-US"
@ -210,6 +218,7 @@ export function searchBySpeech(arn: AnimeNotifier, element: HTMLElement) {
recognition.onend = e => { recognition.onend = e => {
searchInput.placeholder = oldPlaceholder searchInput.placeholder = oldPlaceholder
element.classList.remove("speech-listening") element.classList.remove("speech-listening")
recognition = null
} }
// Focus search field // Focus search field