Recherche avancée

Sur d’autres sites (8137)

• Videos created using FFmpeg are not being displayed in web browsers such as Chrome, Firefox, and Safari

  2 février 2023, par vijay

  I am attempting to generate an MP4 video by combining images and audio with FFmpeg-Kit-React-Native but it is not being displayed in web browsers.

  


  For your reference I'm attaching the package link below :
ffmpeg-kit-react-native

  


  The commands I utilized to produce the video are as follows :

  


  

  1. -i ${imageFile} -i ${audioFile?.uri} -vf scale=480:360 -f mp4 ${outputFile}

  


  2. -loop 1 -i ${imageFile} -i ${audioFile.uri} -shortest -acodec copy ${outputFile}

  


  3. -i ${imageFile} -i ${audioFile?.uri} -b:v 2M -vf scale=480:360:force_original_aspect_ratio=decrease,pad=480:360:-1:-1 -pix_fmt yuv420p ${outputFile}

  


  4. -i ${imageFile} -i ${audioFile?.uri} -vf scale=480:360:force_original_aspect_ratio=decrease,pad=480:360:-1:-1 -f mp4 ${outputFile}

  


  


  I have attached a link to the video I generated using a single image and one audio file

  


  Additionally, I am unable to install external encoding packages such as full-gpl, full, https-gpl, and min-gpl on the Android side.

  


• Firefox, Chrome, Safari have grey background for MP4 HTML5 video

  28 mars 2023, par James

  Any video (that I can make) with a white background becomes grey in Firefox, Chrome, and Safari (it is white in IE). Well, on my Windows machine it is grey, on my Android phone/tablet and Mac it is white...

  



  I am using ffmpeg to encode the video. If I encode it as webm, the background is white.

  



  See : https://jsfiddle.net/Lbg8f6ck/

  



  I found a hack that fixes it for Chrome :

  



  <video style="-webkit-filter:brightness(108.5%);"></video>code>

  



  But it does not work for Firefox or Safari.

  



  Another hack for Firefox :

  



  filter:brightness(1.085)


  



  But for some reason setting it through JavaScript does not work.

  



  A few versions ago the background was white for Chrome, then became grey again...

  



  The question is : Why is white grey ?

  



  Is it an issue with the video or with Chrome, Firefox, Safari in general ? (How can they not support white ?)

  



  Is it possible to get a white background ?

  



  Any hacks, workarounds ?

  


• FFMPEG Problem with Filter_Complex with Chain Filters

  11 avril 2023, par James

  This script combined three filters into one being drawgrid, drawbox and drawtext. The result had added the text and not added the grid and box.

  


  My script :

  


  Set "BXW=1000"  ::Box width
Set "BXH=1008"  ::Box height

set "TEXT1=360" :: Text lefthand side (no space characters allowed, see next example)
set "TEXT2=180" :: Text bottom and center
set "TEXT3=0" :: Text righthand side
set "TEXT4=0" :: Text top and center


set "COLOR=red" :: Text color
set "SIZE=200" :: Font size
set "POS_X1=0" ::X1 position of text
set "POS_Y1=(h-th)/2" :: Y1 position of text, use (h-th)/2 for centering
set "POS_X2=(w-tw)/2" :: X2 position of text, use (w-tw)/2 for centering
set "POS_Y2=(h-th)" ::Y2 position of text
set "POS_X3=(w-tw)" ::X3 position of text
set "POS_Y3=(h-th)/2" ::Y3 position of text, use (h-th)/2 for centering
set "POS_X4=(w-tw)/2" :: X4 position of text, use (w-tw)/2 for centering
set "POS_Y4=0" ::Y4 position of text



ffmpeg -i %1 -filter_complex   [0:v]"drawgrid=color=red:width=iw/8:height=0:thickness=6,drawgrid=color=blue:width=0:height=ih/12:thickness=6"[grid_s]; [grid_s]"format=rgb24,drawbox=x=((iw/2)-%BXW%/2):y=((ih/2)-%BXH%/2):width=%BXW%:height=%BXH%:thickness=40:color=white"[box_s]; [box_s]drawtext="fontfile='c\:/windows/fonts/arial.ttf':fontcolor=%COLOR%:fontsize=%SIZE%:text=%TEXT1%:x=%POS_X1%:y=%POS_Y1%",drawtext="fontfile='c\:/windows/fonts/arial.ttf':fontcolor=%COLOR%:fontsize=%SIZE%:text=%TEXT2%:x=%POS_X2%:y=%POS_Y2%,drawtext="fontfile='c\:/windows/fonts/arial.ttf':fontcolor=%COLOR%:fontsize=%SIZE%:text=%TEXT3%:x=%POS_X3%:y=%POS_Y3%,drawtext="fontfile='c\:/windows/fonts/arial.ttf':fontcolor=%COLOR%:fontsize=%SIZE%:text=%TEXT4%:x=%POS_X4%:y=%POS_Y4%"[text_s] -frames 1 -y temptxt.png


ffmpeg -i temptxt.png -vf scale=iw/8:-1 -f nut - | ffplay -