This project combines audio with webtoons, creating an interactive experience where audio plays corresponding to specific webtoon cuts. As the user scrolls through the webtoon, audio clips are triggered at predetermined points.
The project's directory structure is organized as follows:
audio-webtoon-project/
├── src/
│ ├── audio/
│ ├── image/
│ ├── image-sample/
│ ├── App.css
│ ├── App.js
│ ├── App.test.js
│ ├── index.css
│ ├── index.js
│ ├── logo.svg
│ ├── reportWebVitals.js
│ ├── setupTests.js
├── .gitignore
├── package-lock.json
├── package.json
├── README.md
-
src/: Contains all the source code and resources for the project.
- audio/: Directory for storing audio files that will be played during the webtoon.
- image/: Directory for storing webtoon images.
- image-sample/: Directory for storing sample images for testing or development purposes.
- App.css: Styles for the main application component.
- App.js: The main application component where the primary logic of the app resides.
- App.test.js: Tests for the main application component.
- index.css: Global CSS styles.
- index.js: Entry point for the React application, responsible for rendering the app.
- logo.svg: Logo image used in the app.
- reportWebVitals.js: Used for measuring the performance of the app.
- setupTests.js: Configuration file for setting up tests.
-
.gitignore: Specifies files and directories to be ignored by Git.
-
package-lock.json: Automatically generated file that ensures consistent installs across different environments.
-
package.json: Lists project dependencies and scripts.
-
README.md: The file you are currently reading.
Ensure you have the following installed:
As you scroll through the webtoon, audio clips will play automatically when you reach certain points. Ensure your audio files are placed correctly in the src/audio/
directory and that your webtoon images are in the src/image/
directory.
PROJECT_NAME : WebtoonProject PROJECT_DESCRIPTION : This project combines audio with webtoons, creating an interactive experience where audio plays corresponding to specific webtoon cuts. As the user scrolls through the webtoon, audio clips are triggered at predetermined points. PROJECT_URL : 'https://github.com/Tyranno-Rex/WebtoonProject.git' PROJECT_COMPLETION_STATUS : FALSE PROJECT_MULTI : FALSE PROJECT_SUBPROJECT : NONE PROJECT_CATEGORY : 'web/mobile'