summaryrefslogtreecommitdiff
path: root/ext/bg/js/settings/audio.js
blob: 3c6e126c9501827b37d89d67b7bad626c423def3 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
/*
 * Copyright (C) 2019-2020  Yomichan Authors
 *
 * 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 <https://www.gnu.org/licenses/>.
 */

/* global
 * AudioSourceUI
 * AudioSystem
 * apiAudioGetUri
 * getOptionsContext
 * getOptionsMutable
 * settingsSaveOptions
 */

let audioSourceUI = null;
let audioSystem = null;

async function audioSettingsInitialize() {
    audioSystem = new AudioSystem({
        getAudioUri: async (definition, source) => {
            const optionsContext = getOptionsContext();
            return await apiAudioGetUri(definition, source, optionsContext);
        }
    });

    const optionsContext = getOptionsContext();
    const options = await getOptionsMutable(optionsContext);
    audioSourceUI = new AudioSourceUI.Container(
        options.audio.sources,
        document.querySelector('.audio-source-list'),
        document.querySelector('.audio-source-add')
    );
    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', onTextToSpeechVoiceChange, false);
    document.querySelector('#text-to-speech-voice-test').addEventListener('click', textToSpeechTest, false);
}

function updateTextToSpeechVoices() {
    const voices = Array.prototype.map.call(speechSynthesis.getVoices(), (voice, index) => ({voice, index}));
    voices.sort(textToSpeechVoiceCompare);

    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);

    for (const {voice} of voices) {
        option = document.createElement('option');
        option.value = voice.voiceURI;
        option.textContent = `${voice.name} (${voice.lang})`;
        fragment.appendChild(option);
    }

    const select = document.querySelector('#text-to-speech-voice');
    select.textContent = '';
    select.appendChild(fragment);
    select.value = select.dataset.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; }
    }

    return a.index - b.index;
}

function textToSpeechTest() {
    try {
        const text = document.querySelector('#text-to-speech-voice-test').dataset.speechText || '';
        const voiceUri = document.querySelector('#text-to-speech-voice').value;

        const audio = audioSystem.createTextToSpeechAudio({text, voiceUri});
        audio.volume = 1.0;
        audio.play();
    } catch (e) {
        // NOP
    }
}

function onTextToSpeechVoiceChange(e) {
    e.currentTarget.dataset.value = e.currentTarget.value;
}