Skip to content

This project builds a Vtuber voice button website with an online audio submission system. Users can generate buttons by clipping YouTube audio via a form. (Angular2)

License

sound-buttons/sound-buttons

Repository files navigation

icon Sound Buttons - 聲音按鈕

open graph

此專案是一個 Vtuber 聲音按鈕網站的實作。
This project is a implementation of the Vtuber voice button website.

https://sound-buttons.click

專案特色在於線上的音檔投稿系統,提交表單後能自動剪輯 Youtube 音訊並生成按鈕。
採用了資料分離式架構設計,使增修內容只需撰寫 JSON 設定檔即可。

前端使用 Angular,後端則採用 Azure Functions,音檔存放於 Azure Blob Storage。


The project features an online audio submission system, which automatically clips YouTube audio and generates buttons after submitting the upload form.
It adopts a data separation architecture design, allowing content updates to be made by simply writing JSON configuration files.

Angular is used for the front-end, while Azure Functions are used for the back-end. The audio files are stored and hosted on Azure Blob Storage.

CodeFactor
Youtube Azure Blob Storage Angular Azure Functions

Build

Open in GitHub Codespaces

or

npm install -g @angular/cli

git clone --recurse-submodules https://github.com/sound-buttons/sound-buttons.git
npm install
npm run-script start

Related Repos

Frontend (Angular) https://github.com/sound-buttons/sound-buttons CodeQL
Data (JSON) https://github.com/sound-buttons/sound-buttons_configs
Backend (Azure Function) https://github.com/sound-buttons/sound-buttons_upload-backend CodeQL
Click counter (Cloudflare Worker) https://github.com/sound-buttons/worker-click-counter CodeQL

Preview

Home page

1

Buttons page, Table of contents, Audio control

main

Expandable introduction block

2

Typeahead Search bar

search

Upload form

3

i18n (Chinese, Japanese)

upload2

Blog post introduction

https://blog.maki0419.com/2021/05/soundbuttons.html

License

Code

open graph

GNU AFFERO GENERAL PUBLIC LICENSE Version 3

This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License along with this program. If not, see https://www.gnu.org/licenses/.

Sound and Character Pictures

The original artists hold the copyrights to all the sounds and character pictures. We have utilized them in accordance with their Derivative Works Guidelines (Secondary Creation Guidelines).

In case you wish to remove your data through a DMCA Takedown, kindly report it here.

About

This project builds a Vtuber voice button website with an online audio submission system. Users can generate buttons by clipping YouTube audio via a form. (Angular2)

Topics

Resources

License

Stars

Watchers

Forks