Recherche avancée

Sur d’autres sites (4053)

• I can't get my backend working with frontend in production but in local environment [duplicate]

  3 août 2024, par YouareGrouseChris

  This is the frontend code :

  


  import React, { useState } from &#x27;react&#x27;;&#xA;import axios from &#x27;axios&#x27;;&#xA;import fileDownload from &#x27;js-file-download&#x27;;&#xA;&#xA;function HomePage() {&#xA;    const [url, setUrl] = useState(&#x27;&#x27;);&#xA;    const [filename, setFilename] = useState(&#x27;&#x27;);&#xA;&#xA;    const handleSubmit = async (e) => {&#xA;        e.preventDefault();&#xA;        try {&#xA;            const response = await axios.post(&#x27;https://api-lnp5.onrender.com/api/download&#x27;, { url, filename }, { responseType: &#x27;blob&#x27; });&#xA;            fileDownload(response.data, filename);&#xA;            console.log(response.data);  // handle the response as needed&#xA;        } catch (error) {&#xA;            console.error(error);&#xA;        }&#xA;    };&#xA;&#xA;    return (&#xA;        <div classname="flex flex-col items-center justify-center h-screen overflow-hidden">&#xA;            <h1 classname="text-3xl font-bold mb-6">Download Reddit video!!!</h1>&#xA;            <form classname="flex flex-col items-center">&#xA;                <label classname="mb-4">&#xA;                    <div classname="text-lg mb-4 inline-block">Video URL:</div>&#xA;                    <div>&#xA;                        <input type="text" value="{url}" />> setUrl(e.target.value)} required &#xA;                            className="border px-3 py-2 rounded focus:outline-none focus:ring focus:border-blue-300 w-96"/>&#xA;                    </div>&#xA;                </label>&#xA;                <label classname="mb-4">&#xA;                    <div classname="text-lg mb-4 inline-block">Filename:</div>&#xA;                    <div>&#xA;                        <input type="text" value="{filename}" />> setFilename(e.target.value)} required &#xA;                            className="border px-3 py-2 rounded focus:outline-none focus:ring focus:border-blue-300 w-96"/>&#xA;                    </div>&#xA;                </label>&#xA;                <button type="submit" classname="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600">Download</button>&#xA;            </form>&#xA;        </div>&#xA;    );&#xA;}&#xA;&#xA;export default HomePage;&#xA;

  


  This is the backend code using python fastapi :

  


  from fastapi import FastAPI, HTTPException

from fastapi.responses import FileResponse
from fastapi.middleware.cors import CORSMiddleware
from pydantic import BaseModel
import requests
import json
import subprocess
import os

app = FastAPI()

origins = [
    "https://videodownload-frontend.onrender.com",  # replace with the origin of your frontend
]

app.add_middleware(
    CORSMiddleware,
    allow_origins=["*"],
    allow_credentials=True,
    allow_methods=["*"],
    allow_headers=["*"],
)

class Video(BaseModel):
    url: str
    filename: str


def get_unique_filename(filename):
    counter = 1
    base_filename, extension = os.path.splitext(filename)
    unique_filename = filename

    while os.path.isfile(unique_filename):
        unique_filename = f"{base_filename}({counter}){extension}"
        counter += 1

    return unique_filename

@app.post("/api/download")
async def download_video(video: Video):
    url = video.url
    filename = get_unique_filename(video.filename)

    url += '.json'
    response = requests.get(url, headers={'User-agent': 'Mozilla/5.0'})

    if response.status_code != 200:
        raise HTTPException(status_code=404, detail="Video not found")

    json_response = json.loads(response.text)
    video_url = json_response[0]["data"]["children"][0]["data"]["secure_media"]["reddit_video"]["fallback_url"]
    audio_url = video_url.rsplit('/', 1)[0] + '/DASH_audio.mp4'

    video_response = requests.get(video_url, stream=True)
    audio_response = requests.get(audio_url, stream=True)

    with open('video_temp.mp4', 'wb') as f:
        for chunk in video_response.iter_content(chunk_size=1024 * 1024):
            if chunk:
                f.write(chunk)
    if audio_response.status_code == 200:
        with open('audio_temp.mp4', 'wb') as f:
            for chunk in audio_response.iter_content(chunk_size=1024 * 1024):
                if chunk:
                    f.write(chunk)
        subprocess.run(['ffmpeg', '-i', 'video_temp.mp4', '-i', 'audio_temp.mp4', '-c', 'copy', filename])
    else:
        os.rename('video_temp.mp4', filename)

    return FileResponse(filename, media_type='application/octet-stream', filename=filename)


  


  I deployed the fastapi by docker to Render. When I start the frontend development server, I could communicate with the backend without problems. But when I deployed both frontend and backend to Render, it shows always the CORS policy

  


  

  


  Why is it ? if I could communicate with backend when starting local development server, it should be not related to backend.

  


  This is URL to my frontend : https://videodownload-frontend.onrender.com/

  


  Thank you !

  


  I tried reconnect and restart the web service, also I tried to add CORS in fastapi. The api works fine with local server opened up. What should I do to debug ? thank you

  


• Get all bytes of stream from webcam after being compressed by codec with ffmpeg ?

  26 octobre 2015, par vantrung -cuncon

  I need to capture every single byte of the video stream from webcam -after using commandline-ffmpeg to compress it with codec.

  So can you please light me up with somewhat the ffmpeg commandline look like and the strategy to get the output stream into my program written by VB6 or VB.net ? (I need to manipulate with every single byte !) Highly appreciate any suggestion.

  ---

  Update : I wonder if it’s possible to save the output as "avi" file on hard disk and at the same time use my program to read content of the saving file. Can I playback the "part of avi file" that I retrieve while the file is being saved (appended) ? Is there any better file format for writting & reading (recording & playing) at the same time other than "avi" ?

  Or any better/faster solution ?

• How to add padding on a video with text in foreground using ffmpeg

  25 août 2016, par g13

  I want to add padding to video clip according to width and height of the text I input. The sentence should be able to break relative to video width automatically.

  For padding I use :

  ffmpeg -i d:\video.mp4 -vf pad=600:700:0:100:blue d:\videooutput.mp4

  For text :

  ffmpeg -i d:\videooutput.mp4 -vf "drawtext=fontfile=/windows/fonts/BebasNeue.otf:text='Sed felis eros, ornate ut cursus a, imperdiet sit amet purus.':fontsize=20:fontcolor=white:x=0:y=0" d:\videooutput2.mp4

  How to do achieve this in a single command ?

  The required result should be like this :