AULO

When you receive a sound effect file or give a specific section on YouTube,
it is a service that searches for the most similar sound effect

Check out the demo

Small-scale recordings, TTSs, pre-produced copyrighted music, and sound effects are mainly used in the case of individual or small-scale video production.
Even services that target them cannot escape from simply collecting sounds and classifying them into tags.
Therefore, we aim to plan a service that can assist the production process by covering art fields such as video, media, and art with sound effects as the target.

Features

• search with mp3 sound source file for direct similarity search
• search with The YouTube URL and the specific section targeted for the similarity search

Getting Started

Prerequisites

Node.js 12+ (versions below could work, but are not tested)

• Linux:

  sudo apt install nodejs npm
  

• Windows:

  https://nodejs.org/en/

• MacOs:

  brew install nodejs npm
  

Installing

1. Clone the repository

   git clone https://github.com/2024-1-CapstoneDesign/ses_website
   

2. Install dependencies, this can take a minute

   cd ses_website
   npm install
   

3. Start the local server

   npm start
   

Your browser should now open and show the app. Otherwise open http://localhost:3000/ in your browser. Editing files will automatically refresh the page.

What to do next?

If you are new to React, you should watch a basic React tutorial first.

If you know React, then most of the information you need is in the Material-UI documentation.

You can go into src/theme.js and change the primary and secondary color codes at the top of the script to the values you like and some magic will happen.

Deployment

If you are satisfied with the state of your website you can run:

npm run build 

It will create a folder named build with your compiled project inside. After that copy its content into your webroot and you are ready to go.

How to use our website?

• entering the search modal to press the Let's search button
• select wav file or select youtube url duration to get similar soundEffect Sound
• After waiting few second later (almost 5~10 second), You get top 5 similar soundEffect!
• In soundList Tab, Find lots of soundEffects.
• Each SoundEffect displays several information such as duration, extension type, etc..
• If You liked it that soundEffect, click the download button and get your local computer
• If You cannot find your favoriate soundEffect, click relative sound section. This section shows relative soundEffect relative to tagList.
• If you find your favoriate soundEffect, Just login!
• In Login State Adding favoriate sound feature is also provided. Its Awesome!

Built With

• Create-React-App - Used to bootstrap the development
• Material-UI - Material Design components
• React-Router - Routing of the app
• Pace - Loading bar at the top
• Emoji-Mart - Picker for the emojis
• React-Dropzone - File drop component for uploads
• Aos - Animations based on viewport
• React-Cropper - Cropper for the image uploads
• React-Stripe-js - Stripes payment elements
• react-oauth/google - Google OAuth2 using the new Google Identity Services SDK for React

Contribute

Show your support by ⭐ the project. Pull requests are always welcome.

License

This project is licensed under the MIT License - see the LICENSE.md file for details.
This project also based on github repository.
Thanks for dunky11 to open your project public.