[Tool] CNfurikana-web — Annotating Chinese with Japanese Kana and Pinyin

Posted on Edited on In Word count in article: 589 Reading time ≈ 2 mins.

How to use it?

Feel free to use it at
https://cnfurikana.asachiri.com/

The project also supports PWA. Open the tool in any mainstream PWA-capable browser and you’ll find a button to install the app locally. This lets you run the tool like a native app without opening the browser and visiting the page every time, and local installation works across all platforms.

Introduction

This project is a third-party web version inspired by Khadaaa’s CNfurikana project, built mainly to make the tool more convenient to use through the web.

Khadaaa’s original CNfurikana post on NGA: https://www.bilibili.com/read/cv8366379

Khadaaa’s CNfurikana project on GitHub: https://github.com/Gleiphir/cnfurikana

What can this project do?

+ Annotate the Chinese characters in entered or uploaded text — with kana or pinyin, optionally including tone marks.
+ Based on the HTML5 ruby feature, so annotation placement is more accurate.
+ Web-based, so it’s more convenient to use.
+ PWA support — install it locally on any supported platform.
+ TTS support — read out the Chinese pronunciation of the entered text directly.
+ Multilingual support — Simplified Chinese, Traditional Chinese, English and Japanese.

No more worrying about how to pronounce the names of captains and SC senders; Hiiro and Mēli no longer need to fear those impossibly obscure SC characters either.

I dropped by the streamer’s room today and saw the captain thank-you segment again — the subtitle team works hard; maybe this tool could make things a little easier?
It can also help with learning Chinese (in various senses of the word).
DDs, feel free to recommend this tool to any Vtuber or subtitle team that needs it~

Known issues

After reading text from an uploaded file, you need to refresh the page before you can upload another file.
Japanese translation is done by Google Translate, so it can be inaccurate.
If you run into any other issues while using it, feel free to let me know.

Discussion thread: https://ngabbs.com/read.php?tid=24273071 — or just comment here or open an issue on GitHub.

Open source

Repository: https://github.com/ZhaoWeicheng98/cnfurikana-web
License: MIT

Acknowledgements

Khadaaa’s CNfurikana project
vue.js, element-ui, pinyin.js, cnchar.js, speak-tts.js