yomichan/ext/bg/js/settings/audio.js

121 lines
3.9 KiB
JavaScript
Raw Normal View History

2019-12-01 20:30:04 +00:00
/*
2020-01-01 17:00:00 +00:00
* Copyright (C) 2019-2020 Alex Yatskov <alex@foosoft.net>
2019-12-01 20:30:04 +00:00
* Author: Alex Yatskov <alex@foosoft.net>
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
2020-01-01 17:00:31 +00:00
* along with this program. If not, see <https://www.gnu.org/licenses/>.
2019-12-01 20:30:04 +00:00
*/
2020-02-01 20:00:34 +00:00
/*global getOptionsContext, getOptionsMutable, settingsSaveOptions
AudioSourceUI, audioGetTextToSpeechVoice*/
2019-12-01 20:30:04 +00:00
let audioSourceUI = null;
async function audioSettingsInitialize() {
const optionsContext = getOptionsContext();
const options = await getOptionsMutable(optionsContext);
2019-12-06 03:36:59 +00:00
audioSourceUI = new AudioSourceUI.Container(
options.audio.sources,
document.querySelector('.audio-source-list'),
document.querySelector('.audio-source-add')
);
2019-12-01 20:30:04 +00:00
audioSourceUI.save = () => settingsSaveOptions();
textToSpeechInitialize();
}
function textToSpeechInitialize() {
if (typeof speechSynthesis === 'undefined') { return; }
speechSynthesis.addEventListener('voiceschanged', () => updateTextToSpeechVoices(), false);
updateTextToSpeechVoices();
document.querySelector('#text-to-speech-voice').addEventListener('change', (e) => onTextToSpeechVoiceChange(e), false);
2019-12-06 03:36:59 +00:00
document.querySelector('#text-to-speech-voice-test').addEventListener('click', () => textToSpeechTest(), false);
2019-12-01 20:30:04 +00:00
}
function updateTextToSpeechVoices() {
const voices = Array.prototype.map.call(speechSynthesis.getVoices(), (voice, index) => ({voice, index}));
voices.sort(textToSpeechVoiceCompare);
2019-12-06 03:36:59 +00:00
document.querySelector('#text-to-speech-voice-container').hidden = (voices.length === 0);
const fragment = document.createDocumentFragment();
let option = document.createElement('option');
option.value = '';
option.textContent = 'None';
fragment.appendChild(option);
2019-12-01 20:30:04 +00:00
for (const {voice} of voices) {
2019-12-06 03:36:59 +00:00
option = document.createElement('option');
option.value = voice.voiceURI;
option.textContent = `${voice.name} (${voice.lang})`;
fragment.appendChild(option);
2019-12-01 20:30:04 +00:00
}
2019-12-06 03:36:59 +00:00
const select = document.querySelector('#text-to-speech-voice');
select.textContent = '';
select.appendChild(fragment);
select.value = select.dataset.value;
2019-12-01 20:30:04 +00:00
}
function languageTagIsJapanese(languageTag) {
return (
languageTag.startsWith('ja-') ||
languageTag.startsWith('jpn-')
);
}
function textToSpeechVoiceCompare(a, b) {
const aIsJapanese = languageTagIsJapanese(a.voice.lang);
const bIsJapanese = languageTagIsJapanese(b.voice.lang);
if (aIsJapanese) {
if (!bIsJapanese) { return -1; }
} else {
if (bIsJapanese) { return 1; }
}
const aIsDefault = a.voice.default;
const bIsDefault = b.voice.default;
if (aIsDefault) {
if (!bIsDefault) { return -1; }
} else {
if (bIsDefault) { return 1; }
}
2019-12-06 03:36:59 +00:00
return a.index - b.index;
2019-12-01 20:30:04 +00:00
}
function textToSpeechTest() {
try {
2019-12-06 03:36:59 +00:00
const text = document.querySelector('#text-to-speech-voice-test').dataset.speechText || '';
const voiceURI = document.querySelector('#text-to-speech-voice').value;
2019-12-01 20:30:04 +00:00
const voice = audioGetTextToSpeechVoice(voiceURI);
if (voice === null) { return; }
const utterance = new SpeechSynthesisUtterance(text);
utterance.lang = 'ja-JP';
utterance.voice = voice;
utterance.volume = 1.0;
speechSynthesis.speak(utterance);
} catch (e) {
// NOP
}
}
function onTextToSpeechVoiceChange(e) {
e.currentTarget.dataset.value = e.currentTarget.value;
}