0.8.0アップデート (VOICEVOX#445)

* OSSコミュニティの言及にコメントを追加

* ヘルプボタンの右上を黒く

* ショートカットキー→キー割り当て

* ステレオ化の部分の文言をちょっと変更

* OSSへの文面を変更

* 切り出しボタンをなくす

* デフォルトスタイル選択のUXを調整

* サンプル音声の開始を短くした

* await忘れ

* openapiのupdate

* バージョンアップ

* バージョン0.8.0現在、エンジン側にサンプリングレート変更エラーがあるので機能制限

* アップデート情報を追加

* 使い方を追加

.github/workflows/build.yml

@@ -10,7 +10,7 @@ on:
 
 env:
   VOICEVOX_ENGINE_REPO_URL: "https://github.com/Hiroshiba/voicevox_engine"
-  VOICEVOX_ENGINE_VERSION: 0.7.5
+  VOICEVOX_ENGINE_VERSION: 0.8.0
 
   # FIXME: implement build with production resources in Hiroshiba/voicevox
   # Temporarily, skip uploading to GitHub Release (use Artifact instead)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "voicevox",
-  "version": "0.7.5",
+  "version": "0.8.0",
   "author": "Hiroshiba Kazuyuki",
   "private": true,
   "engines": {

public/howtouse.md

@@ -79,7 +79,7 @@
 
 ## イントネーションの変更
 
-アクセントを変更してもうまく行かなかったときや、抑揚をより拘りたいときに、文字ごとのイントネーションを直接変更することができます。
+アクセントを変更してもうまく行かなかったときや、抑揚をより拘りたいときに、文字ごとの音の高さ（イントネーション）を直接変更することができます。
 
 「イントネーション」をクリックして現れる縦線のバーを上下させることで抑揚を表現できます。
 
@@ -103,6 +103,23 @@
 
 <img src="res/image20.png" style="max-height: 12rem" />
 
+## スタイルの変更
+
+キャラクターによっては複数のスタイル（喋り方）を変えることができます。キャラクターの変更と同様に、テキスト欄左のアイコンから選択できます。
+
+<img src="res/image21.png" style="max-height: 12rem" />
+
+キャラクターを選択したときに適用されるスタイルは、設定の「デフォルトスタイル」で変更できます。
+
+## 音の長さの変更
+
+文字ごとに、音の長さを変えることが可能です。語尾を少し伸ばしたい、無音の長さを調整したいときなどに便利です。
+
+「長さ」をクリックして現れる縦線のバーを上げるとその音を長く、下げると短くできます。
+右のバーが母音、左のバーが子音に対応しています。
+
+<img src="res/image22.png" style="max-height: 12rem" />
+
 ## 音声ファイル・テキストファイルの書き出し
 
 書き出しボタンを押すと、全テキスト欄の音声が WAV ファイルとして書き出されます。
@@ -144,12 +161,18 @@
   - プロジェクトの保存
 - Ctrl + E
   - 音声を書き出し
+- Ctrl + Z
+  - 元に戻す
+- Ctrl + Y
+  - やり直す
 - Esc
   - テキスト欄からカーソルを外す
 - 1
   - アクセント欄を表示
 - 2
   - イントネーション欄を表示
+- 3
+  - 長さ欄を表示
 - スライダーの上でマウスホイール
   - スライダーの値を変更します（スライダー →<img src="res/image16.png" style="max-height: 1rem" />）
 

public/ossCommunityInfos.md

@@ -1,11 +1,24 @@
 ### オープンソース
-VOICEVOXは OSS （オープンソース・ソフトウェア）です。  
-誰でも機能追加や改善に参加できます。
 
-一緒にVOICEVOXを作ってみませんか？
+本ソフトウェアはオープンソース版の VOICEVOX をもとに構築されており、誰でも機能追加や改善に参加できます。
 
-#### [VOICEVOX ソフトウェア](https://github.com/Hiroshiba/voicevox)
+一緒に VOICEVOX を作ってみませんか？
+
+#### [VOICEVOX エディター](https://github.com/Hiroshiba/voicevox)
+
+GUI を表示するためのモジュールで、アプリケーションの形で提供しています。
+TypeScript や Electron や Vue で構成されています。
 
 #### [VOICEVOX エンジン](https://github.com/Hiroshiba/voicevox_engine)
 
+テキスト音声合成 API を公開するためのモジュールで、Web サーバーの形で提供しています。
+Python や FastAPI や OpenJTalk で構成されています。
+
 #### [VOICEVOX コア](https://github.com/Hiroshiba/voicevox_core)
+
+音声合成に必要な計算を実行するためのモジュールで、動的ライブラリの形で提供しています。
+C++ や libtorch で構成されています。
+
+---
+
+VOICEVOX の全体構成は [こちら](https://github.com/Hiroshiba/voicevox/blob/main/docs/%E5%85%A8%E4%BD%93%E6%A7%8B%E6%88%90.md) に詳細があります。

public/updateInfos.json

@@ -1,4 +1,39 @@
 [
+  {
+    "version": "0.8.0",
+    "descriptions": [
+      "ショートカットキーの変更機能を追加",
+      "デフォルトスタイルの選択機能を追加",
+      "音素の長さ変更機能を追加",
+      "無声化の切り替え機能を追加",
+      "パラメータの継承機能を追加",
+      "元に戻す／やり直す機能を追加",
+      "音声合成エンジンの機能追加",
+      "UXの向上",
+      "開発環境の向上",
+      "バグ修正"
+    ],
+    "contributors": [
+      "aoirint",
+      "arigayas",
+      "buckw6eat",
+      "eggplants",
+      "Hiroshiba",
+      "HyodaKazuaki",
+      "madosuki",
+      "mes51",
+      "MT224244",
+      "noronoro56",
+      "oov",
+      "Patchethium",
+      "PickledChair",
+      "Segu-g",
+      "takana-v",
+      "yamachu",
+      "y-chan",
+      "Yosshi999"
+    ]
+  },
   {
     "version": "0.7.5",
     "descriptions": ["Linux版がビルドできない問題の修正"],

src/background.ts

@@ -156,7 +156,7 @@ const store = new Store<{
         },
         {
           action: "テキスト欄にフォーカスを戻す",
-          combination: "Backspace",
+          combination: "Enter",
         },
         {
           action: "元に戻す",

src/components/AudioDetail.vue

@@ -10,7 +10,7 @@
             v-model="selectedDetail"
           >
             <q-tab name="accent" label="ｱｸｾﾝﾄ" />
-            <q-tab name="pitch" label="高さ" />
+            <q-tab name="pitch" label="ｲﾝﾄﾈｰｼｮﾝ" />
             <q-tab name="length" label="長さ" />
           </q-tabs>
         </div>
@@ -32,14 +32,6 @@
               icon="stop"
               @click="stop"
             ></q-btn>
-            <q-btn
-              round
-              aria-label="音声ファイルとして保存"
-              size="small"
-              icon="file_download"
-              @click="save()"
-              :disable="nowPlaying || nowGenerating || uiLocked"
-            ></q-btn>
           </template>
         </div>
       </div>

src/components/DefaultStyleSelectDialog.vue

@@ -11,8 +11,10 @@
       <q-header class="q-py-sm">
         <q-toolbar>
           <div class="column">
-            <q-toolbar-title v-if="isFirstTime" class="text-secondary"
-              >デフォルトのスタイルを選択してください</q-toolbar-title
+            <q-toolbar-title v-if="isFirstTime" class="text-secondary text-h6"
+              >「{{
+                characterInfos[pageIndex].metas.speakerName
+              }}」のデフォルトのスタイル（喋り方）を選んでください</q-toolbar-title
             >
             <q-toolbar-title v-else class="text-secondary"
               >設定 / デフォルトスタイル</q-toolbar-title
@@ -28,20 +30,20 @@
           <q-space />
 
           <div class="row items-center no-wrap">
-            <div class="text-subtitle1 text-no-wrap text-secondary q-mr-md">
-              {{ pageIndex + 1 }} / {{ characterInfos.length }}
-            </div>
-
             <q-btn
+              v-show="pageIndex >= 1"
               unelevated
               label="戻る"
               color="white"
               text-color="secondary"
-              class="text-no-wrap q-mr-sm"
-              :disable="pageIndex < 1"
+              class="text-no-wrap q-mr-md"
               @click="prevPage"
             />
 
+            <div class="text-subtitle2 text-no-wrap text-secondary q-mr-md">
+              {{ pageIndex + 1 }} / {{ characterInfos.length }}
+            </div>
+
             <q-btn
               v-if="pageIndex + 1 < characterInfos.length"
               unelevated
@@ -190,13 +192,12 @@ export default defineComponent({
     // ダイアログが開かれたときに初期値を求める
     watch(
       () => props.modelValue,
-      (newValue, oldValue) => {
+      async (newValue, oldValue) => {
         if (!oldValue && newValue) {
-          store
-            .dispatch("IS_UNSET_DEFAULT_STYLE_IDS")
-            .then((isUnsetDefaultStyleIds) => {
-              isFirstTime.value = isUnsetDefaultStyleIds;
-            });
+          const isUnsetDefaultStyleIds = await store.dispatch(
+            "IS_UNSET_DEFAULT_STYLE_IDS"
+          );
+          isFirstTime.value = isUnsetDefaultStyleIds;
 
           selectedStyleIndexes.value = props.characterInfos.map((info) => {
             // FIXME: キャラクターごとにデフォルスタイル選択済みか保存できるようになるべき

src/components/HelpDialog.vue

@@ -53,6 +53,7 @@
                       round
                       flat
                       icon="close"
+                      color="secondary"
                       @click="modelValueComputed = false"
                     />
                   </q-toolbar>
@@ -111,17 +112,17 @@ export default defineComponent({
         component: HowToUse,
       },
       {
-        name: "OSSライセンス情報",
+        name: "開発コミュニティ",
+        component: OssCommunityInfo,
+      },
+      {
+        name: "ライセンス情報",
         component: OssLicense,
       },
       {
         name: "アップデート情報",
         component: UpdateInfo,
       },
-      {
-        name: "OSSコミュニティ",
-        component: OssCommunityInfo,
-      },
     ];
 
     const selectedPage = ref(pagedata[0].name);

src/components/HotkeySettingDialog.vue

@@ -11,7 +11,7 @@
       <q-header class="q-py-sm">
         <q-toolbar>
           <q-toolbar-title class="text-secondary"
-            >設定 / ショートカットキー</q-toolbar-title
+            >設定 / キー割り当て</q-toolbar-title
           >
           <q-input
             hide-bottom-space

src/components/MenuBar.vue

@@ -243,28 +243,29 @@ export default defineComponent({
         subMenu: [
           {
             type: "button",
-            label: "オプション",
+            label: "キー割り当て",
             onClick() {
-              store.dispatch("IS_SETTING_DIALOG_OPEN", {
-                isSettingDialogOpen: true,
+              store.dispatch("IS_HOTKEY_SETTING_DIALOG_OPEN", {
+                isHotkeySettingDialogOpen: true,
               });
             },
           },
           {
             type: "button",
-            label: "ショートカットキー",
+            label: "デフォルトスタイル",
             onClick() {
-              store.dispatch("IS_HOTKEY_SETTING_DIALOG_OPEN", {
-                isHotkeySettingDialogOpen: true,
+              store.dispatch("IS_DEFAULT_STYLE_SELECT_DIALOG_OPEN", {
+                isDefaultStyleSelectDialogOpen: true,
               });
             },
           },
+          { type: "separator" },
           {
             type: "button",
-            label: "デフォルトスタイル",
+            label: "オプション",
             onClick() {
-              store.dispatch("IS_DEFAULT_STYLE_SELECT_DIALOG_OPEN", {
-                isDefaultStyleSelectDialogOpen: true,
+              store.dispatch("IS_SETTING_DIALOG_OPEN", {
+                isSettingDialogOpen: true,
               });
             },
           },

src/components/SettingDialog.vue

@@ -233,7 +233,7 @@
                 <div class="text-h5">高度な設定</div>
               </q-card-actions>
               <q-card-actions class="q-px-md q-py-none bg-grey-3">
-                <div>音声をステレオ化して再生・保存する</div>
+                <div>音声をステレオ化</div>
                 <q-space />
                 <q-toggle
                   name="enabled"
@@ -254,7 +254,8 @@
                   </q-tooltip>
                 </q-toggle>
               </q-card-actions>
-              <q-card-actions class="q-px-md q-py-none bg-grey-3">
+              <!-- FIXME: バージョン0.8.0現在、エンジン側にサンプリングレート変更エラーがあるので機能制限 -->
+              <!-- <q-card-actions class="q-px-md q-py-none bg-grey-3">
                 <div>音声のサンプリングレート</div>
                 <q-space />
                 <q-select
@@ -282,7 +283,7 @@
                     音声のサンプリングレートを変更して再生・保存しますが、音声の品質は大きく変わりません
                   </q-tooltip>
                 </q-select>
-              </q-card-actions>
+              </q-card-actions> -->
             </q-card>
             <q-card flat class="setting-card">
               <q-card-actions>

src/openapi/.openapi-generator/FILES

@@ -6,7 +6,9 @@ models/AudioQuery.ts
 models/HTTPValidationError.ts
 models/Mora.ts
 models/ParseKanaBadRequest.ts
+models/Preset.ts
 models/Speaker.ts
+models/SpeakerInfo.ts
 models/SpeakerStyle.ts
 models/ValidationError.ts
 models/index.ts