Coder Social home page Coder Social logo

leamsigc / shortsgenerator Goto Github PK

View Code? Open in Web Editor NEW
29.0 2.0 7.0 499 KB

Automate the creation of Shorts content locally with a couple simple steps.

License: MIT License

Python 39.69% Dockerfile 0.39% JavaScript 2.74% HTML 5.41% TypeScript 14.00% Vue 36.61% SCSS 1.17%
ai nuxt python reels shorts video videogen videogeneration vuejs youtube

shortsgenerator's Introduction

ShortsGenerator

ShortGenerator

Automate the creation of YouTube Shorts locally with a couple of simple steps.

  1. Give a video subject

    1. Add extra prompt information if needed
  2. Review the script

    1. Add custom search keywords
    2. Select a specific voice to use or set a global default voice for all generations
  3. Generate the video

  4. Review the video - Regenerate video

  5. Add music to the video

  6. View all generated videos

  7. Profit!

Overview

๐ŸŽฅ Watch the video on YouTube or click on the image. Short Generator

Generate Generate 2 Generate 3

  • Generate the script first

  • Let users review the script before audio and video generation

  • Let users view all the generated videos in a single place

  • Let users view the generated video in the browser

  • Let users select the audio music to add to the video

  • Update the view to have a better user experience

  • Let users preview the generated video in the same view and let users iterate on the video

  • Let users download the generated video

  • Let users upload videos to be used in video creation

  • Let users upload audio to be used in video creation

  • Let users have general configuration

  • Let users add multiple video links to download

  • Let users select the font and upload fonts

  • Let users select the color for the text

Features ๐Ÿš€ plans:

  • Let users schedule video uploads to [YouTube, Facebook Business, LinkedIn]
  • Let users create videos from the calendar and schedule them to be uploaded

Installation ๐Ÿ“ฅ

  1. Clone the repository
git clone https://github.com/leamsigc/ShortsGenerator.git
cd ShortsGenerator
Copy the `.env.example` file to `.env` and fill in the required values
  1. Please install Docker if you haven't already done so

  2. Build the containers:

docker-compose build
  1. Run the containers:
docker-compose up -d
  1. Open http://localhost:5000 in your browser

See .env.example for the required environment variables.

If you need help, open EnvironmentVariables.md for more information.

Music ๐ŸŽต

To use your own music, upload it to the static/assets/music folder.

Fonts ๐Ÿ…ฐ

Add your fonts to the static/assets/fonts and change the font name in the global settings.

Next Development FE:

Before running the front end create the following folders:

  1. static
  2. static/generated_videos -> All videos generated that have music will be here
  3. static/Songs -> Put the mp4 songs that you want to use here

Start the front end:

  1. cd UI
  2. npm install
  3. npm run dev

The alternative front end will be on port 3000

The frontend depends on the backend. You can run the Docker container or you can run the backend locally

Donate ๐ŸŽ

If you like and enjoy ShortsGenerator, and would like to donate, you can do that by clicking on the button on the right-hand side of the repository. โค๏ธ You will have your name (and/or logo) added to this repository as a supporter as a sign of appreciation.

Contributing ๐Ÿค

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Star History ๐ŸŒŸ

Star History Chart

License ๐Ÿ“

See LICENSE file for more information.

shortsgenerator's People

Contributors

copypasteitworks avatar leamsigc avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

shortsgenerator's Issues

[BUG] UI not working, not even the script is generated

I installed the whole thing, put in all the variables and everything. But how to start it is a little confusing to me., here is what I do:
In terminal window 1:
'docker-compose up -d'

In terminal window 2:
cd UI
'npm run dev'

Then I open a new tab and enter
'http://localhost:5000'

There I see the UI (I guess?). However it is like it did not finish loading or something?

image

The sections "Select audio" and "SubTitle Settings" have no input window.

When I click the rectangle symbol for fullscreen I get to see the 4 other "pages" (settings, generate, videos, documentation).
When I go to, e.g., generate, I can write something and click generate, and then nothing happens.

Thing is I cannot see any error message anywhere whatsoever. Since I am not very versed in programming I do not konw where to start to find the problem.

To reproduce: I can do it again, same behavior.

Also, I tried a similar approach following what it shows under "documentation" (
image

settings
Generate
Videos
Documentation
Search...CTRL K
Full Screen
Documentation related to the Money Printer UI
Project roadmap
Getting started
We have two options to get started
Option one: Local installation
Install requirements
pip install -r requirements.txt
Copy .env.example and fill out values
cp .env.example .env
Run the backend server
cd Backend
python main.py
Run the frontend server
cd ../Frontend
python -m http.server 3000
Run the nuxt front end
cd ../UI
npm install
npm run dev

Option one: Docker container

  1. Build the docker image
    docker-compose build --no-cache
  2. Run the docker container
    docker-compose up -d
  3. The fallowing port urls will be available
    Backend
    Frontend -> Basic frontend -> The port will be 3000 by default in the env but you can change it in the .env
    Frontend -> Nuxt frontend -> The port will be 5000 by default in the env but you can change it in the .env
    Money Printer UI
    )

Here I run into the same problem though.

Any idea what I can do?

Desktop (please complete the following information):

  • OS: Win11
  • Browser
  • Python Version 3.10.10

audio to video

Describe the solution you'd like
i have audiobook and want to convert them into videos. maybe with whisper transcribe the audio, then based on transcription finding the relevent video from pexels :)

Describe alternatives you've considered
https://github.com/yousbot/Autotube

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.