Recherche avancée

Médias (0)

Mot : - Tags -/utilisateurs

Aucun média correspondant à vos critères n’est disponible sur le site.

Autres articles (103)

  • Personnaliser en ajoutant son logo, sa bannière ou son image de fond

    5 septembre 2013, par

    Certains thèmes prennent en compte trois éléments de personnalisation : l’ajout d’un logo ; l’ajout d’une bannière l’ajout d’une image de fond ;

  • Menus personnalisés

    14 novembre 2010, par

    MediaSPIP utilise le plugin Menus pour gérer plusieurs menus configurables pour la navigation.
    Cela permet de laisser aux administrateurs de canaux la possibilité de configurer finement ces menus.
    Menus créés à l’initialisation du site
    Par défaut trois menus sont créés automatiquement à l’initialisation du site : Le menu principal ; Identifiant : barrenav ; Ce menu s’insère en général en haut de la page après le bloc d’entête, son identifiant le rend compatible avec les squelettes basés sur Zpip ; (...)

  • Organiser par catégorie

    17 mai 2013, par

    Dans MédiaSPIP, une rubrique a 2 noms : catégorie et rubrique.
    Les différents documents stockés dans MédiaSPIP peuvent être rangés dans différentes catégories. On peut créer une catégorie en cliquant sur "publier une catégorie" dans le menu publier en haut à droite ( après authentification ). Une catégorie peut être rangée dans une autre catégorie aussi ce qui fait qu’on peut construire une arborescence de catégories.
    Lors de la publication prochaine d’un document, la nouvelle catégorie créée sera proposée (...)

Sur d’autres sites (16329)

  • FFMPEG take 3 minutes to generate thumbanils

    19 avril 2022, par The Dead Man

    I am generating the sprite image (combined thumbnails/screenshots) using FLUENT-FFMPEG and node js, the image looks like this.

    


    enter image description here

    


    Here is my node js script for generating sprite images/thumbnails.

    


    const ffmpegPath = require("@ffmpeg-installer/ffmpeg").path;
const ffmpegCommand = require("fluent-ffmpeg");
ffmpegCommand.setFfmpegPath(ffmpegPath);

let videoUrl =
  "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4";
const filename = `output_image`;

ffmpegCommand(videoUrl)
  .seekInput("00:00:01.000")
  .outputOptions([
    "-q:v",
    "8",
    "-frames:v",
    "1",
    "-vsync",
    "0",
    "-qscale",
    "50",
    "-vf",
    "fps=1/10,scale=128:72,tile=11x11",
  ])
  .addOption("-preset", "superfast")
  .on("error", (err) => {
    console.log("error", err);
    reject(err);
  })

  .save(`./tmp/${filename}.png`);


    


    Unfortunately, it takes almost 3 minutes to generate this image which is so bad.

    


    UPDATE

    


    @kesh answer is working only with internal videos.

    


    if I add the video URL as follows.

    


    let videoUrl ="./videos/t.mp4";

    


    then it takes less than 3 seconds to generate thumbnails.

    


    but if I use an external URL as follows.

    


    let videoUrl ="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4";

    


    Weird, it takes too long to generate thumbnails more than 3 minutes depending on the video.

    


    NOTE you can read full documentation here about FFmpeg and node js.

    


    What do I need to change so that I can super fast generate my thumbnails ?

    


  • I want help in making video collage, tried everything but unsuccessful

    16 mars 2016, par Haider Ali

    I want to make Video Collage in which 2 or more videos should be displayed in one frame and then they can be converted into one Video file.
    I tried examples but they just add videos at the end of each video to make a long one combine video.
    Any Help Please

    String FILE_PATH = "/storage/sdcard0/testing.mp4";
    
String FILE_PATH2 = "/storage/sdcard0/testing1.mp4";
    
String FILE_PATH3 = "/storage/sdcard0/testing2.mp4";
    
File file1 = new File(FILE_PATH);
    
File file2 = new File(FILE_PATH2);
    
File file3 = new File(FILE_PATH3);
    

    
private ProgressDialog pDialog;
    
ImageView img,img2,img3;
    
MediaMetadataRetriever retriever2 = new MediaMetadataRetriever();
    
MediaMetadataRetriever retriever3 = new MediaMetadataRetriever();
    
ArrayList<bitmap> bitmapArray1 = new ArrayList<bitmap>();
    
ArrayList<bitmap> bitmapArray2 = new ArrayList<bitmap>();
    
ArrayList<bitmap> bitmapArray3 = new ArrayList<bitmap>();
    
File ScreenDIR = new File("/sdcard/Screens/");
    
</bitmap></bitmap></bitmap></bitmap></bitmap></bitmap>

    // have the object build the directory structure, if needed.

    double id1=0,id2=0,id3=0;
    

    

    

    
@Override
    
protected void onCreate(Bundle savedInstanceState) {
    
    super.onCreate(savedInstanceState);
    
    setContentView(R.layout.activity_main);
    
    ScreenDIR.mkdirs();
    

    
     img = (ImageView)findViewById(R.id.imageView);
    
    img2 = (ImageView)findViewById(R.id.imageView2);
    
    img3 = (ImageView)findViewById(R.id.imageView3);
    

    
    new LoadAllProducts().execute();
    

    

    

    

    
}
    

    
class LoadAllProducts extends AsyncTask {
    

    
    /**
    
     * Before starting background thread Show Progress Dialog
    
     * */
    
    @Override
    
    protected void onPreExecute() {
    
        super.onPreExecute();
    
        pDialog = new ProgressDialog(MainActivity.this);
    
        pDialog.setMessage("Extracting Frames. Please wait...");
    
        pDialog.setIndeterminate(false);
    
        pDialog.setCancelable(false);
    
        pDialog.show();
    
    }
    

    
    /**
    
     * getting All products from url
    
     * */
    
    protected String doInBackground(String... args) {
    
        if(file1.exists()){
    

    

    
            for (long i = 0; i &lt; 5000; i += 1000/14) { // lenms - video length in milliseconds
    

    
                MediaMetadataRetriever retriever = new MediaMetadataRetriever();
    
                retriever.setDataSource(file1.toString());
    

    
               // Bitmap bitmap = retriever.getFrameAtTime((i*1000/14), MediaMetadataRetriever.OPTION_CLOSEST_SYNC);
    

    
                saveBitmapToCahche( getResizedBitmap((retriever.getFrameAtTime((i*1000/14), MediaMetadataRetriever.OPTION_CLOSEST_SYNC)), 500) ,String.valueOf(id1));
    
                id1++;
    
                //bitmapArray1.add(bitmap);
    

    
               /* File file = new File(ScreenDIR, "sketchpad1" + id1 + ".png");
    
                FileOutputStream fOut = null;
    
                try {
    
                    fOut = new FileOutputStream(file);
    
                } catch (FileNotFoundException e) {
    
                    e.printStackTrace();
    
                }
    

    
                //bitmap.compress(Bitmap.CompressFormat.PNG, 30, fOut);
    

    
                try {
    
                    fOut.flush();
    
                } catch (IOException e) {
    
                    e.printStackTrace();
    
                }
    
                try {
    
                    fOut.close();
    

    

    
                } catch (IOException e) {
    
                    e.printStackTrace();
    
                }*/
    
            }
    

    
            }
    
       /* if(file2.exists()){
    
            retriever2.setDataSource(file2.toString());
    
            for (long i = 0; i &lt; 3000; i += 1000/24) { // lenms - video length in milliseconds
    
                bitmap2 = retriever2.getFrameAtTime(i*1000/29, MediaMetadataRetriever.OPTION_CLOSEST_SYNC);
    
                //bitmapArray2.add(bitmap2);
    

    
                File file = new File(ScreenDIR, "sketchpad2" + id2 + ".png");
    
                FileOutputStream fOut = null;
    
                try {
    
                    fOut = new FileOutputStream(file);
    
                } catch (FileNotFoundException e) {
    
                    e.printStackTrace();
    
                }
    

    
                bitmap2.compress(Bitmap.CompressFormat.PNG, 85, fOut);
    
                try {
    
                    fOut.flush();
    
                } catch (IOException e) {
    
                    e.printStackTrace();
    
                }
    
                try {
    
                    fOut.close();
    
                    id2++;
    
                } catch (IOException e) {
    
                    e.printStackTrace();
    
                }
    
            }
    

    

    

    
        }
    
        if(file3.exists()){
    
            retriever3.setDataSource(file3.toString());
    
            for (long i = 0; i &lt; 3000; i += 1000/24) { // lenms - video length in milliseconds
    
                bitmap3 = retriever3.getFrameAtTime(i*1000/29, MediaMetadataRetriever.OPTION_CLOSEST_SYNC);
    
               // bitmapArray3.add(bitmap3);
    

    
                File file = new File(ScreenDIR, "sketchpad3" + id3 + ".png");
    
                FileOutputStream fOut = null;
    
                try {
    
                    fOut = new FileOutputStream(file);
    
                } catch (FileNotFoundException e) {
    
                    e.printStackTrace();
    
                }
    

    
                bitmap3.compress(Bitmap.CompressFormat.PNG, 85, fOut);
    
                try {
    
                    fOut.flush();
    
                } catch (IOException e) {
    
                    e.printStackTrace();
    
                }
    
                try {
    
                    fOut.close();
    
                    id3++;
    
                } catch (IOException e) {
    
                    e.printStackTrace();
    
                }
    
            }
    

    
            }*/
    

    

    

    

    
        return null;
    
    }
    
    /**
    
     * After completing background task Dismiss the progress dialog
    
     * **/
    
    protected void onPostExecute(String file_url) {
    
        // dismiss the dialog after getting all products
    
        pDialog.dismiss();
    

    

    

    
        img.setImageBitmap(retrieveBitmapFromCache(String.valueOf(id2)));
    
        id2 = 50;
    

    
        img2.setImageBitmap(retrieveBitmapFromCache(String.valueOf(id2)));
    
        id2 = 69;
    

    
        img3.setImageBitmap(retrieveBitmapFromCache(String.valueOf(id2)));
    

    

    
       // img2.setImageBitmap(bitmapArray2.get(0));
    
       // img3.setImageBitmap(bitmapArray3.get(0));
    

    
        }
    

    

    

    

    
    }
    

    

    
public void saveBitmapToCahche(Bitmap bb,String ID ){
    

    
    Cache.getInstance().getLru().put(ID, bb);
    

    

    
}
    
public Bitmap retrieveBitmapFromCache(String ID) {
    

    

    
    Bitmap bitmap = (Bitmap) Cache.getInstance().getLru().get(ID);
    

    
    return  bitmap;
    

    
}
    
public Bitmap getResizedBitmap(Bitmap image, int maxSize) {
    
    int width = image.getWidth();
    
    int height = image.getHeight();
    

    
    float bitmapRatio = (float)width / (float) height;
    
    if (bitmapRatio > 0) {
    
        width = maxSize;
    
        height = (int) (width / bitmapRatio);
    
    } else {
    
        height = maxSize;
    
        width = (int) (height * bitmapRatio);
    
    }
    
    return Bitmap.createScaledBitmap(image, width, height, true);
    
}
    
}

    `

  • Evolution #4727 : Des pictos / icônes symboliques pour tout le monde

    14 avril 2021

    Testé brièvement : les mask-image fonctionnent très bien en substitut de la font-face, et ça hérite bien de la taille du texte.
    Donc partir des seuls svg il serait possible de générer à la fois le sprite et la CSS des classes sémantiques, super pratique.
    Je crois que je vais partir là-dessus.

    Un truc bizarre cependant : quand sur la même page on a à la fois un svg et une classe qui utilisent tous deux le même sprite svg, et bien le navigateur le charge 2 fois.
    Peut-être qu’à ce compte là, la classe devrait utiliser les svg indépendants plutôt que le sprite. Enfin bon, ce seront des questions techniques secondaires à résoudre au fil de l’eau dans le plugin, je note juste ça au passage.

    <span class="CodeRay"><span class="tag">span> <span class="attribute-name">width</span>=<span class="string"><span class="delimiter">"</span><span class="content">1em</span><span class="delimiter">"</span></span> <span class="attribute-name">height</span>=<span class="string"><span class="delimiter">"</span><span class="content">1em</span><span class="delimiter">"</span></span> <span class="attribute-name">fill</span>=<span class="string"><span class="delimiter">"</span><span class="content">currentColor</span><span class="delimiter">"</span></span><span class="tag">></span>
    
    <span class="tag">span> <span class="attribute-name">xlink:href</span>=<span class="string"><span class="delimiter">"</span><span class="content">sprite.svg#briefcase</span><span class="delimiter">"</span></span><span class="tag">/></span>
    
<span class="tag"></span>
    

    
<span class="tag">span> <span class="attribute-name">class</span>=<span class="string"><span class="delimiter">"</span><span class="content">sp-icone_briefcase</span><span class="delimiter">"</span></span><span class="tag">></span>Texte avec icône CSS<span class="tag"></span></span>
    
<span class="tag"></span>
    
</span></span></span>

Navigation