fix(showcase): subtitle will not show by default to match wallpaper engine settings

config/_project_json.yaml

@@ -194,7 +194,7 @@ properties:
      text: ui_subtitle_title
      condition: voicetitle.value == true
      type: bool
-     value: true
+     value: false
   - key: voicesubtitlelanguage
     value: 
      text: ui_subtitle_lang

src/components/settings.js

@@ -381,8 +381,8 @@ export default class Settings {
             </div>
             <div>
               <label for="subtitle">Subtitle</label>
-              <input type="checkbox" id="subtitle" name="subtitle" checked/>
-              <div id="subtitle_realted">
+              <input type="checkbox" id="subtitle" name="subtitle"/>
+              <div id="subtitle_realted" hidden>
                 <div>
                   <label for="subtitle_lang_select">Choose the language of subtitle:</label>
                   <select name="subtitle_lang" id="subtitle_lang_select">
@@ -399,14 +399,14 @@ export default class Settings {
                   <input type="range" min="0" max="100" id="subtitle_padding_y_slider" value="${window.voice.subtitleY}" />
                   <input type="number" id="subtitle_padding_y_input" name="subtitle_padding_y" value="${window.voice.subtitleY}" />
                 </div>
-              </div>
-            </div>
                 <div>
                   <label for="voice_actor">Voice Actor</label>
                   <input type="checkbox" id="voice_actor" name="voice_actor"/>
                 </div>
               </div>
             </div>
+          </div>
+        </div>
         <div>
           <label for="music">Music</label>
           <input type="checkbox" id="music" name="music" />

src/components/voice.js

@@ -13,7 +13,7 @@ export default class Voice {
   #defaultVoiceLang = this.#voiceLanguages[0]
   #voiceLang = this.#defaultVoiceLang
   #subtitleLang = this.#defaultRegion
-  #useSubtitle = true
+  #useSubtitle = false
   #useVoice = false
   #useVoiceActor = false
   #isPlaying = false
@@ -80,7 +80,6 @@ export default class Voice {
   set useVoice(show) {
     window.settings.functionInsights("useVoice", window.settings.isWallpaperEngine)
     this.#useVoice = show
-    this.#el.hidden = !show
     this.#playEntryVoice()
     if (!show && this.#isPlaying) {
       this.#audioEl.pause()