intial commit

.github/workflows/render-video.yml

@@ -0,0 +1,30 @@
+name: Render video
+on:
+  workflow_dispatch:
+    inputs:
+      titleText:
+        description: "Which text should it say?"
+        required: true
+        default: "Welcome to Remotion"
+      titleColor:
+        description: "Which color should it be in?"
+        required: true
+        default: "black"
+jobs:
+  render:
+    name: Render video
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@main
+      - uses: actions/setup-node@main
+      - run: sudo apt update
+      - run: sudo apt install ffmpeg
+      - run: npm i
+      - run: echo $WORKFLOW_INPUT > input-props.json
+        env:
+          WORKFLOW_INPUT: ${{ toJson(github.event.inputs) }}
+      - run: npm run build -- --props="./input-props.json"
+      - uses: actions/upload-artifact@v2
+        with:
+          name: video.mp4
+          path: out/video.mp4

.gitignore

@@ -0,0 +1,4 @@
+*.pyc
+*.session
+*.session-journal
+.env

.vscode/Rectifier.code-workspace

@@ -0,0 +1,26 @@
+{
+	"folders": [
+		{
+			"path": ".."
+		},
+		{
+			"path": "../../short/.github"
+		},
+		{
+			"path": "../../short/.vscode"
+		},
+		{
+			"path": "../../short/node_modules"
+		},
+		{
+			"path": "../../short/out"
+		},
+		{
+			"path": "../../short/public"
+		},
+		{
+			"path": "../../short/src"
+		}
+	],
+	"settings": {}
+}

.vscode/settings.json

@@ -0,0 +1,8 @@
+{
+	"editor.tabSize": 2,
+	"typescript.tsdk": "node_modules/typescript/lib",
+	"editor.codeActionsOnSave": {
+		"source.organizeImports": false
+	},
+	"typescript.enablePromptUseWorkspaceTsdk": true
+}

App/Editor/Schema.py

@@ -0,0 +1,13 @@
+from typing import List, Optional
+from pydantic import BaseModel, HttpUrl
+
+
+class EditorRequest(BaseModel):
+    links: Optional[List[HttpUrl]]
+    script: str
+
+
+class TaskInfo(BaseModel):
+    task_id: str
+    progress: int
+    completed_tasks: List[str]

App/Editor/editorRoutes.py

@@ -0,0 +1,32 @@
+from fastapi import APIRouter, HTTPException, status
+from .Schema import EditorRequest, TaskInfo
+from App.Worker import celery_task
+from celery.result import AsyncResult
+
+videditor_router = APIRouter(tags=["vidEditor"])
+
+
+@videditor_router.post("/create-video")
+async def create_video(videoRequest: EditorRequest):
+    result = celery_task.delay(videoRequest)
+    return {"task_id": result.task_id}
+
+
+@videditor_router.get("/progress/{task_id}", response_model=TaskInfo)
+async def progress(task_id: str):
+    task_result = AsyncResult(
+        task_id,
+    )
+    if not task_result.ready():
+        progress = task_result.info.get("progress", 0)
+        completed_tasks = task_result.info.get("completed_tasks", [])
+        return {
+            "task_id": task_id,
+            "progress": progress,
+            "completed_tasks": completed_tasks,
+        }
+    else:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail="Task not found",
+        )

App/Worker.py

@@ -0,0 +1,89 @@
+from celery import Celery, chain
+import os, shutil, subprocess
+import uuid
+import time
+from App import celery_config, bot
+from typing import List
+from App.Editor.Schema import EditorRequest
+from celery.signals import worker_process_init
+
+
+celery = Celery()
+celery.config_from_object(celery_config)
+celery.conf.update(
+    # Other Celery configuration settings
+    CELERYD_LOG_LEVEL="DEBUG",  # Set log level to DEBUG for the worker
+)
+
+
+@worker_process_init.connect
+def worker_process_init_handler(**kwargs):
+    bot.start()
+
+
+# Downloads list of links
+# Script
+
+
+def download_with_wget(link, download_dir):
+    subprocess.run(["wget", "-P", download_dir, link])
+
+
+@celery.task
+def copy_remotion_app(src: str, dest: str):
+    shutil.copytree(src, dest)
+
+
+@celery.task
+def install_dependencies(directory: str):
+    os.chdir(directory)
+    os.system("npm install")
+
+
+@celery.task
+def download_assets(links: List[str], temp_dir: str):
+    for i, link in enumerate(links):
+        download_dir = os.path.join(temp_dir, "public")
+        download_with_wget(link, download_dir)
+
+
+@celery.task
+def render_video(directory: str, output_directory: str):
+    os.chdir(directory)
+    os.system(f"npm run build --output {output_directory}")
+
+
+@celery.task
+def cleanup_temp_directory(
+    temp_dir: str, output_dir: str, chat_id: int = -1002069945904
+):
+    try:
+        bot.send_video(chat_id, output_dir, caption="Your video caption")
+    finally:
+        # Cleanup: Remove the temporary directory
+        shutil.rmtree(temp_dir, ignore_errors=True)
+
+
+@celery.task
+def celery_task(video_request: EditorRequest):
+    remotion_app_dir = os.path.join("/srv", "Remotion-app")
+    project_id = str(uuid.uuid4())
+    temp_dir = f"/tmp/{project_id}"
+    output_dir = f"/tmp/{project_id}/{project_id}.mp4"
+
+    chain(
+        copy_remotion_app.s(remotion_app_dir, temp_dir),
+        install_dependencies.s(temp_dir),
+        download_assets.s(video_request.links, temp_dir)
+        if video_request.links
+        else None,
+        render_video.s(temp_dir, output_dir),
+        cleanup_temp_directory.s(temp_dir, output_dir),
+    ).apply_async(
+        link_error=handle_error
+    )  # Link the tasks and handle errors
+
+
+def handle_error(task_id, err, *args, **kwargs):
+    print(f"Error in task {task_id}: {err}")
+    # You can add additional error handling logic here

App/__init__.py

@@ -0,0 +1,9 @@
+from pyrogram import Client
+import os
+
+TELEGRAM_SESSION = os.environ.get("TELEGRAM_SESSION")
+
+
+bot: Client = Client(
+    "Editor", session_string=TELEGRAM_SESSION, workdir="/srv", workers=9
+)

App/app.py

@@ -0,0 +1,18 @@
+from fastapi import FastAPI, BackgroundTasks
+from .Editor.editorRoutes import videditor_router
+from App import bot
+
+app = FastAPI()
+
+
+@app.on_event("startup")
+async def startup_event():
+    await bot.start()
+
+
+@app.get("/")
+def read_root():
+    return {"Hello": "World"}
+
+
+app.include_router(videditor_router)

App/celery_config.py

@@ -0,0 +1,19 @@
+from os import environ
+import ssl
+
+task_serializer = "json"
+result_serializer = "json"
+accept_content = ["json"]
+timezone = "Europe/Oslo"
+enable_utc = True
+
+broker_url = f"rediss://default:8a715dd4651c8739b157d0ee0bb2d924@master.cache--j5zxzwppzvjs.addon.code.run:6379?ssl_cert_reqs=none"
+result_backend = f"db+postgresql+psycopg2://postgres:PkkneZrSFsnJR6B@db.vfhoydxvxuesxhrcdnmx.supabase.co:5432/postgres"
+
+# SSL/TLS and SNI configuration
+broker_use_ssl = {
+    "ssl_cert_reqs": ssl.CERT_NONE,
+    "ssl_match_hostname": False,
+    "ssl_check_hostname": False,
+    "ssl_sni": "master.cache--j5zxzwppzvjs.addon.code.run",
+}

Remotion-app/.gitattributes

@@ -0,0 +1,35 @@
+*.7z filter=lfs diff=lfs merge=lfs -text
+*.arrow filter=lfs diff=lfs merge=lfs -text
+*.bin filter=lfs diff=lfs merge=lfs -text
+*.bz2 filter=lfs diff=lfs merge=lfs -text
+*.ckpt filter=lfs diff=lfs merge=lfs -text
+*.ftz filter=lfs diff=lfs merge=lfs -text
+*.gz filter=lfs diff=lfs merge=lfs -text
+*.h5 filter=lfs diff=lfs merge=lfs -text
+*.joblib filter=lfs diff=lfs merge=lfs -text
+*.lfs.* filter=lfs diff=lfs merge=lfs -text
+*.mlmodel filter=lfs diff=lfs merge=lfs -text
+*.model filter=lfs diff=lfs merge=lfs -text
+*.msgpack filter=lfs diff=lfs merge=lfs -text
+*.npy filter=lfs diff=lfs merge=lfs -text
+*.npz filter=lfs diff=lfs merge=lfs -text
+*.onnx filter=lfs diff=lfs merge=lfs -text
+*.ot filter=lfs diff=lfs merge=lfs -text
+*.parquet filter=lfs diff=lfs merge=lfs -text
+*.pb filter=lfs diff=lfs merge=lfs -text
+*.pickle filter=lfs diff=lfs merge=lfs -text
+*.pkl filter=lfs diff=lfs merge=lfs -text
+*.pt filter=lfs diff=lfs merge=lfs -text
+*.pth filter=lfs diff=lfs merge=lfs -text
+*.rar filter=lfs diff=lfs merge=lfs -text
+*.safetensors filter=lfs diff=lfs merge=lfs -text
+saved_model/**/* filter=lfs diff=lfs merge=lfs -text
+*.tar.* filter=lfs diff=lfs merge=lfs -text
+*.tar filter=lfs diff=lfs merge=lfs -text
+*.tflite filter=lfs diff=lfs merge=lfs -text
+*.tgz filter=lfs diff=lfs merge=lfs -text
+*.wasm filter=lfs diff=lfs merge=lfs -text
+*.xz filter=lfs diff=lfs merge=lfs -text
+*.zip filter=lfs diff=lfs merge=lfs -text
+*.zst filter=lfs diff=lfs merge=lfs -text
+*tfevents* filter=lfs diff=lfs merge=lfs -text

Remotion-app/.gitignore

@@ -0,0 +1,6 @@
+node_modules
+dist
+.DS_Store
+.env
+
+out

Remotion-app/.prettierrc

@@ -0,0 +1,14 @@
+{
+  "singleQuote": true,
+  "bracketSpacing": false,
+  "jsxBracketSameLine": false,
+  "useTabs": true,
+  "overrides": [
+    {
+      "files": ["*.yml"],
+      "options": {
+        "singleQuote": false
+      }
+    }
+  ]
+}

Remotion-app/Dockerfile

@@ -0,0 +1,35 @@
+# Builder stage
+FROM python:3.10.0 as builder
+
+RUN useradd -ms /bin/bash admin
+
+WORKDIR /srv
+RUN chown -R admin:admin /srv
+RUN chmod -R 755 /srv
+
+# Install dependencies
+RUN apt-get update && \
+  apt-get install -y libu2f-udev libvulkan1 mesa-vulkan-drivers wget
+
+# Install Thorium Browser
+RUN curl -LO https://github.com/Alex313031/thorium/releases/download/M117.0.5938.157/thorium-browser_117.0.5938.157_amd64.deb && \
+  dpkg -i thorium-browser_117.0.5938.157_amd64.deb
+
+# Install Node.js and npm
+RUN apt-get install -y nodejs npm
+
+USER admin
+
+# Copy the application code
+COPY --chown=admin . /srv
+
+# Install Python dependencies
+COPY requirements.txt .
+RUN pip install --no-cache-dir -r requirements.txt
+
+# Install JavaScript dependencies (if you have a package.json file)
+COPY package*.json ./
+RUN npm install
+
+# Command to run the application
+CMD uvicorn App.app:app --host 0.0.0.0 --port 7860 --workers 4 & celery -A App.Worker.celery worker -c 4 --loglevel=DEBUG

Remotion-app/README.md

@@ -0,0 +1,54 @@
+# Remotion video
+
+<p align="center">
+  <a href="https://github.com/remotion-dev/logo">
+    <picture>
+      <source media="(prefers-color-scheme: dark)" srcset="https://github.com/remotion-dev/logo/raw/main/animated-logo-banner-dark.gif">
+      <img alt="Animated Remotion Logo" src="https://github.com/remotion-dev/logo/raw/main/animated-logo-banner-light.gif">
+    </picture>
+  </a>
+</p>
+
+Welcome to your Remotion project!
+
+## Commands
+
+**Install Dependencies**
+
+```console
+npm i
+```
+
+**Start Preview**
+
+```console
+npm start
+```
+
+**Render video**
+
+```console
+npm run build
+```
+
+**Upgrade Remotion**
+
+```console
+npm run upgrade
+```
+
+## Docs
+
+Get started with Remotion by reading the [fundamentals page](https://www.remotion.dev/docs/the-fundamentals).
+
+## Help
+
+We provide help on our [Discord server](https://discord.gg/6VzzNDwUwV).
+
+## Issues
+
+Found an issue with Remotion? [File an issue here](https://github.com/JonnyBurger/remotion/issues/new).
+
+## License
+
+Note that for some entities a company license is needed. [Read the terms here](https://github.com/JonnyBurger/remotion/blob/main/LICENSE.md).

Remotion-app/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "short",
+  "version": "1.0.0",
+  "description": "My Remotion video",
+  "scripts": {
+    "start": "remotion studio",
+    "build": "remotion render HelloWorld out/video.mp4",
+    "upgrade": "remotion upgrade",
+    "test": "eslint src --ext ts,tsx,js,jsx"
+  },
+  "repository": {},
+  "license": "UNLICENSED",
+  "dependencies": {
+    "@remotion/cli": "4.0.69",
+    "@remotion/google-fonts": "4.0.69",
+    "@remotion/preload": "4.0.69",
+    "@remotion/transitions": "4.0.69",
+    "@remotion/zod-types": "4.0.69",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "remotion": "4.0.69",
+    "zod": "^3.21.4"
+  },
+  "devDependencies": {
+    "prettier": "^2.8.8"
+  },
+  "packageManager": "npm@9.6.7"
+}

Remotion-app/remotion.config.js

@@ -0,0 +1,9 @@
+// All configuration options: https://remotion.dev/docs/config
+// Each option also is available as a CLI flag: https://remotion.dev/docs/cli
+
+// Note: When using the Node.JS APIs, the config file doesn't apply. Instead, pass options directly to the APIs
+
+import {Config} from '@remotion/cli/config';
+
+Config.setVideoImageFormat('jpeg');
+Config.setFrameRange([0, (54 * 30) / 5]);

Remotion-app/src/HelloWorld/Subtitle.jsx

@@ -0,0 +1,59 @@
+import React, {createElement} from 'react';
+import {useVideoConfig} from 'remotion';
+import {loadFont as loadMain} from '@remotion/google-fonts/Bungee';
+import transcriptData from './Transcription.json';
+const {fontFamily: fontFamily2} = loadMain();
+import {TransitionSeries} from '@remotion/transitions';
+
+const codeStyle = (index) => {
+	return {
+		color: 'white',
+		position: 'absolute',
+		backgroundColor: 'red',
+		top: '50%',
+		width: '100%',
+		transform: 'translate(-50%, -50%)',
+		left: '50%',
+	};
+};
+
+const subtitle = {
+	fontFamily: fontFamily2,
+	fontSize: 120,
+	textAlign: 'center',
+	display: 'relative',
+	bottom: 140,
+	width: '100%',
+};
+
+export const Subtitle = () => {
+	const {fps} = useVideoConfig();
+
+	return (
+		<div style={subtitle}>
+			<TransitionSeries>
+				{transcriptData.map((entry, index) => {
+					return (
+						<TransitionSeries.Sequence
+							from={entry.start * fps}
+							durationInFrames={fps * (entry.end - entry.start)}
+						>
+							<Letter index={index} color="#0b84f3">
+								{entry.text}
+							</Letter>
+						</TransitionSeries.Sequence>
+					);
+				})}
+			</TransitionSeries>
+		</div>
+	);
+};
+
+export function Letter({children, color, index}) {
+	const x = codeStyle(index);
+	return createElement(
+		'div',
+		{className: 'greeting', style: {...x, color: 'white'}},
+		children
+	);
+}

Remotion-app/src/HelloWorld/Transcription.json

@@ -0,0 +1,105 @@
+[
+  { "end": 0.28, "text": " Jawan", "start": 0 },
+  { "end": 0.62, "text": " is", "start": 0.28 },
+  { "end": 0.78, "text": " a", "start": 0.62 },
+  { "end": 1.8, "text": " 2023", "start": 0.78 },
+  { "end": 2.6, "text": " action", "start": 1.8 },
+  { "end": 3, "text": " thriller", "start": 2.6 },
+  { "end": 3.42, "text": " movie", "start": 3 },
+  { "end": 3.92, "text": " starring", "start": 3.42 },
+  { "end": 4.26, "text": " Shah", "start": 3.92 },
+  { "end": 4.82, "text": " Rakhkan,", "start": 4.26 },
+  { "end": 5.48, "text": " Mayan", "start": 5.28 },
+  { "end": 5.8, "text": " Thara", "start": 5.48 },
+  { "end": 6.32, "text": " and", "start": 5.8 },
+  { "end": 6.7, "text": " Vijay", "start": 6.32 },
+  { "end": 7.18, "text": " Sethu", "start": 6.7 },
+  { "end": 7.54, "text": " Pathy.", "start": 7.18 },
+  { "end": 7.94, "text": " The", "start": 7.88 },
+  { "end": 8.24, "text": " movie", "start": 7.94 },
+  { "end": 8.7, "text": " follows", "start": 8.24 },
+  { "end": 8.98, "text": " the", "start": 8.7 },
+  { "end": 9.46, "text": " emotional", "start": 8.98 },
+  { "end": 9.82, "text": " journey", "start": 9.46 },
+  { "end": 10.08, "text": " of", "start": 9.82 },
+  { "end": 10.2, "text": " a", "start": 10.08 },
+  { "end": 10.52, "text": " prison", "start": 10.2 },
+  { "end": 11.1, "text": " warden", "start": 10.52 },
+  { "end": 11.42, "text": " who", "start": 11.1 },
+  { "end": 12.04, "text": " recruits", "start": 11.42 },
+  { "end": 12.4, "text": " inmates", "start": 12.04 },
+  { "end": 12.7, "text": " to", "start": 12.4 },
+  { "end": 12.98, "text": " commit", "start": 12.7 },
+  { "end": 13.54, "text": " outrageous", "start": 12.98 },
+  { "end": 14.06, "text": " crimes", "start": 13.54 },
+  { "end": 14.36, "text": " that", "start": 14.06 },
+  { "end": 14.58, "text": " shed", "start": 14.36 },
+  { "end": 14.9, "text": " light", "start": 14.58 },
+  { "end": 15.14, "text": " on", "start": 14.9 },
+  { "end": 15.62, "text": " corruption", "start": 15.14 },
+  { "end": 15.96, "text": " and", "start": 15.62 },
+  { "end": 16.5, "text": " injustice", "start": 15.96 },
+  { "end": 16.78, "text": " in", "start": 16.5 },
+  { "end": 16.9, "text": " the", "start": 16.78 },
+  { "end": 17.5, "text": " society.", "start": 16.9 },
+  { "end": 17.9, "text": " He", "start": 17.8 },
+  { "end": 18.04, "text": " is", "start": 17.9 },
+  { "end": 18.34, "text": " driven", "start": 18.04 },
+  { "end": 18.62, "text": " by", "start": 18.34 },
+  { "end": 18.76, "text": " a", "start": 18.62 },
+  { "end": 19.2, "text": " personal", "start": 18.76 },
+  { "end": 19.74, "text": " vendetta", "start": 19.2 },
+  { "end": 20.06, "text": " and", "start": 19.74 },
+  { "end": 20.2, "text": " a", "start": 20.06 },
+  { "end": 20.56, "text": " promise", "start": 20.2 },
+  { "end": 20.82, "text": " he", "start": 20.56 },
+  { "end": 21.04, "text": " made", "start": 20.82 },
+  { "end": 21.38, "text": " years", "start": 21.04 },
+  { "end": 21.68, "text": " ago", "start": 21.38 },
+  { "end": 21.82, "text": " to", "start": 21.68 },
+  { "end": 22.16, "text": " someone", "start": 21.82 },
+  { "end": 22.42, "text": " he", "start": 22.16 },
+  { "end": 22.76, "text": " loved.", "start": 22.42 },
+  { "end": 23.12, "text": " His", "start": 23 },
+  { "end": 23.4, "text": " quest", "start": 23.12 },
+  { "end": 23.7, "text": " for", "start": 23.4 },
+  { "end": 24.02, "text": " revenge", "start": 23.7 },
+  { "end": 24.44, "text": " leads", "start": 24.02 },
+  { "end": 24.7, "text": " him", "start": 24.44 },
+  { "end": 24.92, "text": " to", "start": 24.7 },
+  { "end": 25.1, "text": " an", "start": 24.92 },
+  { "end": 25.64, "text": " unexpected", "start": 25.1 },
+  { "end": 26.42, "text": " reunion", "start": 25.64 },
+  { "end": 26.7, "text": " with", "start": 26.42 },
+  { "end": 26.9, "text": " his", "start": 26.7 },
+  { "end": 27.24, "text": " past", "start": 26.9 },
+  { "end": 27.76, "text": " and", "start": 27.24 },
+  { "end": 27.88, "text": " a", "start": 27.76 },
+  { "end": 28.26, "text": " shocking", "start": 27.88 },
+  { "end": 28.84, "text": " revelation", "start": 28.26 },
+  { "end": 29.24, "text": " that", "start": 28.84 },
+  { "end": 29.74, "text": " changes", "start": 29.24 },
+  { "end": 30.02, "text": " his", "start": 29.74 },
+  { "end": 30.3, "text": " life", "start": 30.02 },
+  { "end": 30.78, "text": " forever.", "start": 30.3 },
+  { "end": 31.14, "text": " The", "start": 31.12 },
+  { "end": 31.46, "text": " movie", "start": 31.14 },
+  { "end": 31.7, "text": " is", "start": 31.46 },
+  { "end": 31.8, "text": " a", "start": 31.7 },
+  { "end": 32.18, "text": " gripping", "start": 31.8 },
+  { "end": 32.48, "text": " tale", "start": 32.18 },
+  { "end": 32.7, "text": " of", "start": 32.48 },
+  { "end": 33.14, "text": " betrayal,", "start": 32.7 },
+  { "end": 34.06, "text": " redemption,", "start": 33.64 },
+  { "end": 34.6, "text": " and", "start": 34.5 },
+  { "end": 35.04, "text": " justice,", "start": 34.6 },
+  { "end": 35.54, "text": " with", "start": 35.46 },
+  { "end": 35.88, "text": " stunning", "start": 35.54 },
+  { "end": 36.36, "text": " action", "start": 35.88 },
+  { "end": 37.08, "text": " sequences", "start": 36.36 },
+  { "end": 37.42, "text": " and", "start": 37.08 },
+  { "end": 37.56, "text": " a", "start": 37.42 },
+  { "end": 38, "text": " powerful", "start": 37.56 },
+  { "end": 38.7, "text": " performance", "start": 38 },
+  { "end": 39.02, "text": " by", "start": 38.7 },
+  { "end": 39.32, "text": " Shah", "start": 39.02 }]

Remotion-app/src/HelloWorld/constants.js

@@ -0,0 +1,6 @@
+// Change any of these to update your video live.
+
+export const COLOR_1 = '#86A8E7';
+export const COLOR_2 = '#91EAE4';
+
+export const FONT_FAMILY = 'SF Pro Text, Helvetica, Arial, sans-serif';

Remotion-app/src/HelloWorld/index.jsx

@@ -0,0 +1,48 @@
+import {Subtitle} from './Subtitle';
+import {
+	spring,
+	AbsoluteFill,
+	useCurrentFrame,
+	useVideoConfig,
+	Audio,
+	staticFile,
+	Video,
+} from 'remotion';
+import {preloadAudio, resolveRedirect} from '@remotion/preload';
+
+export const HelloWorld = ({titleText, titleColor}) => {
+	const frame = useCurrentFrame();
+	const {fps} = useVideoConfig();
+	const scale = spring({
+		fps,
+		frame,
+		config: {
+			damping: 200,
+			mass: 0.5,
+			stiffness: 200,
+			overshootClamping: false,
+			restDisplacementThreshold: 0.01,
+			restSpeedThreshold: 0.01,
+		},
+	});
+
+	return (
+		<AbsoluteFill style={{position: 'relative', backgroundColor: 'black'}}>
+			<Audio
+				volume={0.15}
+				src={staticFile('background.mp3')}
+				// src={'https://yakova-streamer.hf.space/download/20707'}
+			/>
+
+			{/* <Video
+				src={
+					'https://player.vimeo.com/external/514185553.hd.mp4?s=33cb766901019185385a757eab89a9fd0d50d0c0&profile_id=172&oauth2_token_id=57447761'
+				}
+			/> */}
+			{/* <Audio src={'https://yakova-streamer.hf.space/download/20711'} /> */}
+			{/* <img src={''} style={{transform: `scale(${scale})`}} /> */}
+
+			<Subtitle />
+		</AbsoluteFill>
+	);
+};

Remotion-app/src/Root.jsx

@@ -0,0 +1,21 @@
+import {Composition} from 'remotion';
+import {HelloWorld} from './HelloWorld';
+
+export const RemotionRoot = () => {
+	return (
+		<>
+			<Composition
+				id="HelloWorld"
+				component={HelloWorld}
+				durationInFrames={15000}
+				fps={30}
+				height={1920}
+				width={1080}
+				defaultProps={{
+					titleText: 'Welcome to Remotion',
+					titleColor: 'black',
+				}}
+			/>
+		</>
+	);
+};

Remotion-app/src/index.js

@@ -0,0 +1,7 @@
+// This is your entry file! Refer to it when you render:
+// npx remotion render <entry-file> HelloWorld out/video.mp4
+
+import {registerRoot} from 'remotion';
+import {RemotionRoot} from './Root';
+
+registerRoot(RemotionRoot);

requirements.txt

@@ -0,0 +1,19 @@
+asyncpg==0.27.0
+click==8.1.3
+databases==0.7.0
+fastapi==0.92.0
+greenlet==2.0.2
+itsdangerous==2.1.2
+starlette==0.25.0
+typesystem==0.3.1
+Werkzeug==2.2.2
+pydantic[email]
+uvicorn==0.21.1
+gunicorn
+ujson
+psutil
+celery
+python-multipart
+git+https://github.com/redis/redis-py.git
+TgCrypto
+pyrogram

sample.py

@@ -0,0 +1 @@
+