Fubuki-Button - Shirakami Fubuki's Voice Button

README: English | 日本語

Brand new voice buttons for Shirakami Fubuki, we are aimming at building a comprehensive project related to Shirakami Fubuki.

This project was originally developed by lonelyion, not me.
I cannot speak Chinese, so some of texts are currently not available in Chinese.

Project Homepage: https://fubuki.mgcup.net

Related Links:

• Shirakami Fubuki's Youtube Channel
• Shirakami Fubuki's Bilibili Channel
• Shirakami Fubuki's Twitter

Planning to do

• Refactor whole project with TypeScript / Vue 3.x
• Extract a config file of functions to simplify targeting other button project
• Add a backend to manage voice items and user favorites or whatever

Contributing

If you don't know how to participate on GitHub, you can directly send voice clips or suggestions to [email protected] with title, content and your social ID(Twitter, Bilibili or so on). We will add your ID to the contributors list below.

Also you can submit Issues to upload audio clips.

If you can do some programming, just fork this repository and modify it. After you have done, just open a Pull Request. For detailed information, please read below.

Add or modify voice

Voice is always in mp3 format with 128Kbps bitrate and stored in static/voices/. The corresponding URL is /voices/.

All voice meta data is stored in assets/voices.json. To add or modify these voices, you need to modify this file accordingly.

If you want to modify existed voice clips, I suggest deleting the origin file and name a new filename to avoid browers' cache problem.

Participate in translation

Please help us translate to English and Japanese!

The language files for the main program are in three json files named the language name in assets/locales/.

The language files for voices are in assets/voices.json.

Deploying a local development environment

This site is developed using Vue + NuxtJS + Vuetify.

To deploy a local development environment, first install the latest version of Node and Yarn. Then follow these steps:

1. Fork and clone the code.

2. Go to the code directory and run yarn to install dependencies.

3. Run yarn dev to start local developemnt server at localhost:3000. The local development server can immediately reflect the results of your modification.

4. To compile the files for deployment, run yarn generate, which will generate the dist directory. This site is completely static, you can directly deploy the entire dist directory.

Contributors

Development:

• Lonely Ion
• Asrui Morus
• m4gnett

Audio Editors:

• Bilibili 孤单离子
• Bilibili 清流ht
• Bilibili 绯月天则
• Bilibili hanyuu
• Bilibili 蓝颜知渡

Translation:

• Twitter 噬魂韓植
• GitHub Dakumasu
• GitHub Yourein
• Twitter nekoy0212anagi
• GitHub Emmmer

Special Thanks to:

• VTuber Music
• Bilibili 吹雪的猫咪茶铺
• Bilibili 白上吹雪周报
• Bilibili 戌神沁音的手指面包店
• Bilibili 亡音ちゃん
• And those who contributed to this project on GitHub

LICENCE

Audio: According to the Hololive Secondary Creation Terms (Japanese only).

Other parts: MIT License

This project is a work of enthusiasts and is not related to the Hololive official.

Support

BrowserStack

Proudly using BrowserStack.

BrowserStack is a cloud-based cross-browser testing tool that enables developers to test their websites across various browsers on different operating systems and mobile devices, without requiring users to install virtual machines, devices or emulators.

Vercel

Powered by Vercel.

​Vercel is a cloud platform for static sites and Serverless Functions that fits perfectly with your workflow. It enables developers to host Jamstack websites and web services that deploy instantly, scale automatically, and requires no supervision, all with no configuration.