Giter VIP home page Giter VIP logo
Sound Buttons photo

sound-buttons Goto Github PK

repos: 6.0 gists: 0.0

Name: Sound Buttons

Type: Organization

Bio: 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.

Twitter: jim60105

Location: Taiwan

Blog: https://sound-buttons.click

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

  • git clone --recurse-submodules https://github.com/sound-buttons/sound-buttons.git
  • npm install
  • npm 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.

Sound Buttons's Projects

docker-sound-dl icon docker-sound-dl

Vtuber按鈕網站的Blob Storage音檔更新程式。以.NET Core實作,下載Youtube頻道所有音檔後寫入Azure Blob Storage。(.NET Core in Docker)

sound-buttons icon sound-buttons

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)

sound-buttons_configs icon sound-buttons_configs

sound-buttons 專案的 submodule,存放該專案的實際資料內容。Git submodule of "Sound Buttons" project. (JSON)

sound-buttons_upload-backend icon sound-buttons_upload-backend

一個 Vtuber 聲音按鈕網站實作之音檔投稿系統後端,提交表單後能自動剪輯 Youtube 音訊並生成按鈕。以 Azure Functions 實作,上傳音檔並更新 JSON 設定檔至 Azure Blob Storage。 (Azure Functions)

worker-click-counter icon worker-click-counter

A counter implemented using Cloudflare Workers Edge storage solution (Cloudflare Worker)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.