VOICEVOXの読み上げをBPMと同期するツールを導入してみた

お久しぶりです、Rinjuです。
この記事は、melonade様(https://note.com/melonade/)が作ったVOICEVOX拡張ツール「VOICEVOX BPM SYNC」の導入をまとめた記事になります。
もう多くは語りません。スタートします。

1. VOICEVOXを起動します。

起動。ちなみに「プリセット」機能は「設定」からONにできます。

2. VOICEVOXを起動した状態でブラウザでhttp://localhost:50021/settingにアクセス

http://localhost:50021/setting

こんなページに飛びます。

中段あたりにある「Allow Origin」に注目

3. Allow Originにhttps://voicevox-bpm-sync.netlify.appを書き、保存(オリジンを許可する)

https://voicevox-bpm-sync.netlify.app

そして保存

もちろん保存

4. VOICEVOXのエンジンを再起動

ここを押す

5.https://voicevox-bpm-sync.netlify.app/にアクセス

VOICEVOX BPM SYNC

「VOICEVOX BPM SYNC」が出てきます。

あとちょっとです

6. ブラウザで音声合成

こんな感じ

7. 音声を保存

「別名で音声を保存」を選ぶ

以上です。

以下、次回以降使う際に湧いてくるであろう疑問に答えます。

Q1. http://localhost:50021/settingは開かなくても使えるか？

使えます(設定が保存されているので)。

Q2. VOICEVOXは開かなきゃダメか？

ダメです。

以上です！！