Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/manishbirthlia/streamzone
I have developed a streaming web application designed to broadcast content simultaneously to multiple social media platforms using RTMP (Real-Time Messaging Protocol). The application leverages a robust tech stack to ensure efficient, high-quality streaming and a seamless user experience.
https://github.com/manishbirthlia/streamzone
api-rest axios css ffmpeg html5 javascript json radix-ui reactjs redux redux-toolkit rtmp-stream socket-io typescript vite
Last synced: 16 days ago
JSON representation
I have developed a streaming web application designed to broadcast content simultaneously to multiple social media platforms using RTMP (Real-Time Messaging Protocol). The application leverages a robust tech stack to ensure efficient, high-quality streaming and a seamless user experience.
- Host: GitHub
- URL: https://github.com/manishbirthlia/streamzone
- Owner: ManishBirthlia
- Created: 2024-06-14T07:06:12.000Z (7 months ago)
- Default Branch: master
- Last Pushed: 2024-06-26T08:38:28.000Z (7 months ago)
- Last Synced: 2024-11-08T05:35:08.503Z (2 months ago)
- Topics: api-rest, axios, css, ffmpeg, html5, javascript, json, radix-ui, reactjs, redux, redux-toolkit, rtmp-stream, socket-io, typescript, vite
- Language: TypeScript
- Homepage: https://streamzone-demo.netlify.app/
- Size: 259 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# StreamZone Project:
I have developed a streaming web application designed to broadcast content simultaneously to multiple social media platforms using RTMP (Real-Time Messaging Protocol). The application leverages a robust tech stack to ensure efficient, high-quality streaming and a seamless user experience.
## Sample:-
# Key Technologies Used:
- **Frontend:** Built with Vite, React.js, and TypeScript for a fast, modern, and type-safe development environment.
- **State Management:** Utilized Redux for managing application state effectively.
- **UI Components:** Implemented Radix UI for accessible and customizable interface components.
- **Media Processing:** Employed FFmpeg for handling video and audio processing tasks.
- **Real-Time Communication:** Used Socket.io to enable real-time, bidirectional communication between the server and clients.
- **Containerization:** Deployed the application using Docker to ensure consistency across different environments.
## Step-by-Step Guide to Setup and Run the Project
1. Fork the Repository:
- Navigate to the GitHub repository for this project.
- Click the "Fork" button at the top right corner of the repository page to create your own copy of the repository.
2. Clone the Project to Local Directory:
- Open your terminal or command prompt.
- Clone the forked repository to your local machine using the following command:
- `git clone https://github.com/your-username/StreamZone.git`
- Replace your-username with your GitHub username.
3. Navigate to the Project Directory:
- Change your current directory to the project directory:
- `cd StreamZone`
4. Install Dependencies:
- Install all the required dependencies using npm:
- `npm install`
5. Run the Project:
- Start the development server to see the project live:
- `npm run dev`
6. Access the Live Server:
- Open your web browser and go to the URL provided by the development server (usually http://localhost:3000).
- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
or
RUN: `docker run -it -p 3000:3000 manishbirthlia/streamzone`