Move audio settings into new script

This commit is contained in:
toasted-nutbread 2019-12-01 15:30:04 -05:00
parent ae94f84ffd
commit 3a517f0574
3 changed files with 103 additions and 89 deletions

102
ext/bg/js/settings/audio.js Normal file
View File

@ -0,0 +1,102 @@
/*
* Copyright (C) 2019 Alex Yatskov <alex@foosoft.net>
* 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
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
let audioSourceUI = null;
async function audioSettingsInitialize() {
const optionsContext = getOptionsContext();
const options = await apiOptionsGet(optionsContext);
audioSourceUI = new AudioSourceUI.Container(options.audio.sources, $('.audio-source-list'), $('.audio-source-add'));
audioSourceUI.save = () => settingsSaveOptions();
textToSpeechInitialize();
}
function textToSpeechInitialize() {
if (typeof speechSynthesis === 'undefined') { return; }
speechSynthesis.addEventListener('voiceschanged', () => updateTextToSpeechVoices(), false);
updateTextToSpeechVoices();
$('#text-to-speech-voice-test').on('click', () => textToSpeechTest());
}
function updateTextToSpeechVoices() {
const voices = Array.prototype.map.call(speechSynthesis.getVoices(), (voice, index) => ({voice, index}));
voices.sort(textToSpeechVoiceCompare);
if (voices.length > 0) {
$('#text-to-speech-voice-container').css('display', '');
}
const select = $('#text-to-speech-voice');
select.empty();
select.append($('<option>').val('').text('None'));
for (const {voice} of voices) {
select.append($('<option>').val(voice.voiceURI).text(`${voice.name} (${voice.lang})`));
}
select.val(select.attr('data-value'));
}
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; }
}
if (a.index < b.index) { return -1; }
if (a.index > b.index) { return 1; }
return 0;
}
function textToSpeechTest() {
try {
const text = $('#text-to-speech-voice-test').attr('data-speech-text') || '';
const voiceURI = $('#text-to-speech-voice').val();
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
}
}

View File

@ -271,95 +271,6 @@ function showAppearancePreview() {
} }
/*
* Audio
*/
let audioSourceUI = null;
async function audioSettingsInitialize() {
const optionsContext = getOptionsContext();
const options = await apiOptionsGet(optionsContext);
audioSourceUI = new AudioSourceUI.Container(options.audio.sources, $('.audio-source-list'), $('.audio-source-add'));
audioSourceUI.save = () => settingsSaveOptions();
textToSpeechInitialize();
}
function textToSpeechInitialize() {
if (typeof speechSynthesis === 'undefined') { return; }
speechSynthesis.addEventListener('voiceschanged', () => updateTextToSpeechVoices(), false);
updateTextToSpeechVoices();
$('#text-to-speech-voice-test').on('click', () => textToSpeechTest());
}
function updateTextToSpeechVoices() {
const voices = Array.prototype.map.call(speechSynthesis.getVoices(), (voice, index) => ({voice, index}));
voices.sort(textToSpeechVoiceCompare);
if (voices.length > 0) {
$('#text-to-speech-voice-container').css('display', '');
}
const select = $('#text-to-speech-voice');
select.empty();
select.append($('<option>').val('').text('None'));
for (const {voice} of voices) {
select.append($('<option>').val(voice.voiceURI).text(`${voice.name} (${voice.lang})`));
}
select.val(select.attr('data-value'));
}
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; }
}
if (a.index < b.index) { return -1; }
if (a.index > b.index) { return 1; }
return 0;
}
function textToSpeechTest() {
try {
const text = $('#text-to-speech-voice-test').attr('data-speech-text') || '';
const voiceURI = $('#text-to-speech-voice').val();
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
}
}
/* /*
* Remote options updates * Remote options updates
*/ */

View File

@ -882,6 +882,7 @@
<script src="/bg/js/util.js"></script> <script src="/bg/js/util.js"></script>
<script src="/mixed/js/audio.js"></script> <script src="/mixed/js/audio.js"></script>
<script src="/bg/js/settings/audio.js"></script>
<script src="/bg/js/settings/dictionaries.js"></script> <script src="/bg/js/settings/dictionaries.js"></script>
<script src="/bg/js/settings/profiles.js"></script> <script src="/bg/js/settings/profiles.js"></script>