リアルタイムに声をテキストとして表示する「Zimack」というサイトを作った
OBSで配信するときに字幕に特化したサイトがあればいいのに
という気持ちでちょっとだけ作った
1日くらいで作ってるのでまだまだ機能が足りないし作っててUIミスったなと思っているのですが、、、いずれ…いずれな…
とりあえず、マイクの許可与えればテキストに起こしてくれるし、画面クリックすればオプションで少しだけカスタマイズできるやつ
思いついたのはTwitterのおかげ
音声認識からWebカメラ映像への字幕合成までをGoogle Chrome だけでやってくれるWebページをつくってみました! #xDiversity
— Ippei Suzuki (@1heisuzuki) May 20, 2020
ブラウザを画面共有 or OBS等でキャプチャーすればビデオ会議に字幕付きで参加できます。
↓Webページhttps://t.co/xlGX4jkIJn pic.twitter.com/Y1ju1wfUvq
別の記事で
Youtubeでライブ配信する際にボイチェンと自動字幕を入れてみた - 勉強不足で至らんブログ
紹介した上記のTweetを観て字幕特化のサイトあればいいのにと思いました。
まだまだ理想はOBSのブラウザで動くことなのでできてないのですが、ウィンドウキャプチャでは表示できるのはひとまずいいかなと
あとは背景に画像貼れたりとかテキストのフォント変えれたり、UIが字幕の表示場所と被らないようにするとかしたいですがいずれ…
まとめ
GitHubPages使っているのでバリバリソースコード公開してるのですがすげー無駄な書き方をしている気しかしてない リファクタも兼ねていずれな…って感じですね
あとは今まであまりサービス名を考えたりしてなかったので「Zimack」とつけてみました付けてみたかった。
追記
実際に使って配信してみました
色の変更もちゃんとできて配信できたので満足 自分で足りない機能は随時追加してきたい所存