Recherche avancée

Sur d’autres sites (10588)

• ffmpeg - Is is possible to create a video from image tiles

  16 mars 2017, par Thomas

  With ffmpeg, you can :

  • create a video from a list of images
  • create an image with tiles representing frames of a video

  but, how is it possible to create a video from tiles, in a picture, representing frames of a video ?

  if I have this command line :

  ffmpeg -i test.mp4 -vf "scale=320:240,tile=12x25" out.png

  I will get an image (out.png) made of 12x25 tiles of 320x240 pixels each.

  I am trying to reverse the process and, from that image, generate a video.

  Is it possible ?

  Edit with more details :
  What am I really trying to achieve is to convert a video into a gif preview. But in order to make an acceptable gif, I need to build a common palette. So, either I scan the movie twice, but it would be very long since I have to do it for a large batch, or I make a tiled image with all the frames in a single image, then make a gif with a palette computed from all the frames, which would be significantly faster... if possible.

• Evolution #4753 (Nouveau) : Styles du privé : listes d’objets (suite des boîtes et des formulaires)

  30 avril 2021

  Les boîtes et les formulaires ont été visuellement « raccordés » ensembles.
  Je pense que logiquement les listes d’objets devraient suivre.
  En fait ce sont 3 variations d’un même composant : une boîte avec entête, corps et pied.

  Pour les listes on peut séparer la question en 2 aspects :

  1) L’emballage extérieur¶

  Là il s’agirait de reprendre les choix graphiques propres à « l’emballage extérieur » des boîtes et formulaires : bordure, arrondi, espacements.
  Exemple sur l’image suivant où les 3 sont visibles (nb : ceux en colonne sont automatiquement « ressérés », d’où la différence de padding etc.)

  

  Après en fonction de l’un ou de l’autre, il y aura peut-être lieu d’ajuster le padding ou la taille du titre. Mais pour l’instant ce sont ceux en place.

  2) L’intérieur¶

  Ensuite je propose de procéder à quelques ajustements à l’intérieur de ces listes.
  Je pense que certains choix ont été faits pour s’accommoder du manque de place en largeur à l’époque, et ne sont plus nécessaires maintenant.

  Pour me faire un idée de ce qui fonctionnerait le mieux, et comprendre les détails visuels qui me gênaient un peu, j’ai parcouru quelques articles de recommandations sur l’ergonomie des data tables.
  Alors ils traitent plutot des fonctionnalités de ces tables dans leur ensemble, mais il y a aussi quelques guidelines visuelles intéressantes.

  • https://uxdesign.cc/data-table-for-enterprise-ux-cb48fb9fdf1e
  • https://medium.com/nextux/design-better-data-tables-4ecc99d23356
  • https://www.uxbooth.com/articles/designing-user-friendly-data-tables/
  • https://uxdesign.cc/lets-design-data-tables-bf065a60e588

  Je retiens quelques règles simples :

  • Des espacements suffisants et consistants (le padding quoi)
  • Une taille de police identique partout (au moins dans le tbody). C’est fatiguant pour l’oeil et moins lisible quand on passe sans arrêt d’un taille de police à l’autre sur une même ligne. Et je ne suis pas sûr qu’il y ait forcément besoin de gras pour certains éléments comme les titres ou autres.
  • À quelques exceptions près (id, picto), pas de largeur fixes sur les colonnes, laisser faire le navigateur.

  Donc voilà, c’est pas grand chose à ajuster non plus.
  Les colonnes des tables ont des classes .importante et .secondaire.
  À mon avis elle ne devraient plus avoir d’incidence en vue « normale », mais juste décider quelles colonnes afficher et masquer en vue réduite, dans les colonnes ou ailleurs.

  Donc dans les grandes lignes ça donnerait quelques chose comme ça (juste une maquette) :

  

  3) Détails¶

  Enfin pour ces 3 composants, je propose qu’il y ait une classe modificatrice commune pour produire un affichage compact, c’est à dire ressérer tout le contenu.
  Cette classe serait automatiquement appliquée dans les colonnes.

  Ça pourrait être « compact », mais sur d’autres composants pour varier les tailles je suis parti sur mini / large. Donc mini aussi ?

• i have to list all images,backgrounds, layers etc inside my video as json file using ffmpeg

  25 juin 2021, par Awele studio

  Please tell me the ffmpeg cammand line code to get information of mp4 file in json format. i want details of video(in mp4) to json format. The details include images, layers , background, audio information etc just as shown in code below.(The output is show below i need input command line code).Thanks in advance

  


  {  
   "images":[
{
  "name":"img_0.jpg",
  "w":540,
  "h":960,
  "prefix":[
    "-i"
  ],
  "postfix":[

  ]
},
{
  "name":"img_1.jpg",
  "w":540,
  "h":960,
  "prefix":[
    "-i"
  ],
  "postfix":[

  ]
},
{
  "name":"img_2.jpg",
  "w":540,
  "h":960,
  "prefix":[
    "-i"
  ],
  "postfix":[

  ]
},
{
  "name":"img_3.jpg",
  "w":540,
  "h":960,
  "prefix":[
    "-i"
  ],
  "postfix":[

  ]
},
{
  "name":"img_4.jpg",
  "w":540,
  "h":960,
  "prefix":[
    "-i"
  ],
  "postfix":[

  ]
}
],
"static_inputs":[
{
  "name":"background_video.mp4",
  "prefix":[
    "-i"
  ],
  "postfix":[

  ]
}
],
 "video":{
"h":960,
"w":1080,
"duration":30
},
"e":[],
"m":[
"-{pythoncomplex}"
],
"r":["[5]split=2[color][alpha]; [color]crop=iw/2:ih:0:0[color]; [alpha]crop=iw/2:ih:iw/2:0[alpha]; 
[color][alpha]{pythonmerge}[ovrly]; [0]scale=540:960,setsar=1[0_scalled]; 
[1]scale=540:960,setsar=1[1_scalled]; [2]scale=540:960,setsar=1[2_scalled]; 
[3]scale=540:960,setsar=1[3_scalled]; [4]scale=540:960,setsar=1[4_scalled]; [0_scalled] 
{pythonz}pan=z='if(lte({pythonz},1.0),1.1,max(1.001,{pythonz}-0.0015))':d=25*5:s=540x960, 
{pythonf}=t=out:st=6:d=1[v0]; [1_scalled]{pythonz}pan=z='if(lte({pythonz},1.0),1.1,max(1.001, 
{pythonz}-0.0015))':d=25*5:s=540x960,{pythonf}=t=in:st=0:d=1,{pythonf}=t=out:st=6:d=1[v1]; 
[2_scalled]{pythonz}pan=z='if(lte({pythonz},1.0),1.1,max(1.001,{pythonz}-0.0015))':d=25*7:s=540x960, 
{pythonf}=t=in:st=0:d=1,{pythonf}=t=out:st=8:d=1[v2]; [3_scalled] 
{pythonz}pan=z='if(lte({pythonz},1.0),1.1,max(1.001,{pythonz}-0.0015))':d=25*7:s=540x960, 
{pythonf}=t=in:st=0:d=1,{pythonf}=t=out:st=8:d=1[v3]; [4_scalled] 
{pythonz}pan=z='if(lte({pythonz},1.0),1.1,max(1.001,{pythonz}-0.0015))':d=25*6:s=540x960, 
{pythonf}=t=in:st=0:d=1,{pythonf}=t=out:st=7:d=1[v4]; [v0][v1][v2][v3] 
[v4]concat=n=5:v=1:a=0,format=yuv420p[concatenated_video]; [concatenated_video][ovrly] 
{pythono}=0:0[base_video]; [base_video][6] 
{pythono}=enable='between(t,0,15)':x=30:y=30[watermarked_part1]; [watermarked_part1][6] 
{pythono}=enable='between(t,15,30)':x=(main_w-{pythono}_w-30):y=(main_h-{pythono}_h-30)"],
"i":["[5]split=2[color][alpha]; [color]crop=iw/2:ih:0:0[color]; [alpha]crop=iw/2:ih:iw/2:0[alpha]; 
[color][alpha]{pythonmerge}[ovrly]; [0]scale=540:960,setsar=1[0_scalled]; 
[1]scale=540:960,setsar=1[1_scalled]; [2]scale=540:960,setsar=1[2_scalled]; 
[3]scale=540:960,setsar=1[3_scalled]; [4]scale=540:960,setsar=1[4_scalled]; [0_scalled] 
{pythonz}pan=z='if(lte({pythonz},1.0),1.1,max(1.001,{pythonz}-0.0015))':d=25*5:s=540x960, 
{pythonf}=t=out:st=6:d=1[v0]; [1_scalled]{pythonz}pan=z='if(lte({pythonz},1.0),1.1,max(1.001, 
{pythonz}-0.0015))':d=25*5:s=540x960,{pythonf}=t=in:st=0:d=1,{pythonf}=t=out:st=6:d=1[v1]; 
[2_scalled]{pythonz}pan=z='if(lte({pythonz},1.0),1.1,max(1.001,{pythonz}-0.0015))':d=25*7:s=540x960, 
{pythonf}=t=in:st=0:d=1,{pythonf}=t=out:st=8:d=1[v2]; [3_scalled] 
{pythonz}pan=z='if(lte({pythonz},1.0),1.1,max(1.001,{pythonz}-0.0015))':d=25*7:s=540x960, 
{pythonf}=t=in:st=0:d=1,{pythonf}=t=out:st=8:d=1[v3]; [4_scalled] 
{pythonz}pan=z='if(lte({pythonz},1.0),1.1,max(1.001,{pythonz}-0.0015))':d=25*6:s=540x960, 
{pythonf}=t=in:st=0:d=1,{pythonf}=t=out:st=7:d=1[v4]; [v0][v1][v2][v3] 
[v4]concat=n=5:v=1:a=0,format=yuv420p[concatenated_video]; [concatenated_video][ovrly] 
{pythono}=0:0[base_video]; [base_video][6] 
{pythono}=enable='between(t,0,15)':x=30:y=30[watermarked_part1]; [watermarked_part1][6] 
{pythono}=enable='between(t,15,30)':x=(main_w-{pythono}_w-30):y=(main_h-{pythono}_h-30) 
[final_video]"],
"n":[],
"g":[],
"c":[],
"o":[
"-map",
"[final_video]",
"-map",
"7:a"
],
"d":[
"-t",
"30"
],
"s":[],
 "layers": [
{
  "ao": 0,
  "bm": 1,
  "ddd": 0,
  "ind": 1,
  "ip": 0,
  "ks": {
    "a": {
      "a": 0,
      "ix": 1,
      "k": [
        270,
        480,
        0
      ]
    },
    "o": {
      "a": 0,
      "ix": 11,
      "k": 18.039
    },
    "p": {
      "a": 0,
      "ix": 2,
      "k": [
        270,
        480,
        0
      ]
    },
    "r": {
      "a": 0,
      "ix": 10,
      "k": 0
    },
    "s": {
      "a": 0,
      "ix": 6,
      "k": [
        100,
        100,
        100
      ]
    }
  },
  "nm": "all",
  "op": 327,
  "refId": "image_0",
  "sr": 1,
  "st": 0,
  "ty": 2
},
{
  "ao": 0,
  "bm": 3,
  "ddd": 0,
  "ind": 2,
  "ip": 76,
  "ks": {
    "a": {
      "a": 0,
      "ix": 1,
      "k": [
        270,
        480,
        0
      ]
    },
    "o": {
      "a": 0,
      "ix": 11,
      "k": 40
    },
    "p": {
      "a": 0,
      "ix": 2,
      "k": [
        270,
        480,
        0
      ]
    },
    "r": {
      "a": 0,
      "ix": 10,
      "k": 0
    },
    "s": {
      "a": 0,
      "ix": 6,
      "k": [
        100,
        100,
        100
      ]
    }
  },
  "nm": "lvjing  all 3",
  "op": 327,
  "refId": "image_1",
  "sr": 1,
  "st": -8,
  "ty": 2
},
{
  "ao": 0,
  "bm": 13,
  "ddd": 0,
  "ind": 3,
  "ip": 76,
  "ks": {
    "a": {
      "a": 0,
      "ix": 1,
      "k": [
        270,
        480,
        0
      ]
    },
    "o": {
      "a": 0,
      "ix": 11,
      "k": 50.196
    },
    "p": {
      "a": 0,
      "ix": 2,
      "k": [
        270,
        480,
        0
      ]
    },
    "r": {
      "a": 0,
      "ix": 10,
      "k": 0
    },
    "s": {
      "a": 0,
      "ix": 6,
      "k": [
        100,
        100,
        100
      ]
    }
  },
  "nm": "baohedu all 3",
  "op": 327,
  "refId": "image_2",
  "sr": 1,
  "st": -8,
  "ty": 2
}
]
}