初めまして。Qiita&アドベントカレンダー初投稿です。よろしくお願い致します 今回はWeb Audio API を利用してキャラクター(VOICEROID)に口パク(リップシンク)を実装したので、その実装過程を紹介したいと思います。 何でこんなもの作ったか 個人用で作っていたwebアプリにガイド的な存在としてキャラクターイラスト付きでVOICEROIDを登場させ、音声案内をしてもらっていました。 しかし、イラストなので当然VOICEROIDがしゃべっても、動きがないんですよね。特に口が。 そこで、どうにか音声に合わせて口を動かせないかと思い、実装に至りました。 完成品 ともあれ、まずは完成品をご覧ください。 https://youtu.be/E6miOvn_ha4 どうですか?母音に合わせてやってるわけではないので、正確ではありませんが、僕は結構いい線行っていると思います。 では実際にや