Recherche avancée

Médias (1)

Mot : - Tags -/ticket

Autres articles (101)

  • 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 ;

  • Ecrire une actualité

    21 juin 2013, par

    Présentez les changements dans votre MédiaSPIP ou les actualités de vos projets sur votre MédiaSPIP grâce à la rubrique actualités.
    Dans le thème par défaut spipeo de MédiaSPIP, les actualités sont affichées en bas de la page principale sous les éditoriaux.
    Vous pouvez personnaliser le formulaire de création d’une actualité.
    Formulaire de création d’une actualité Dans le cas d’un document de type actualité, les champs proposés par défaut sont : Date de publication ( personnaliser la date de publication ) (...)

  • 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 (5804)

  • Compress video using ffmpeg.js

    25 mai 2024, par John Mark

    I attempted to upload and compress a video using ffmpeg.js. However, it appears that this process is ineffective on modern browsers. I have already implemented console logging to verify if the video compression is occurring, yet thus far, no compression has been achieved. Could anyone suggest an alternative library for video compression that might better suit the requirements ?

    


    <template>&#xA;  <div>&#xA;    <input type="file" accept="video/*" />&#xA;    <video ref="video" controls="controls"></video>&#xA;  </div>&#xA;</template>&#xA;&#xA;<code class="echappe-js">&lt;script&gt;&amp;#xA;import { FFmpeg } from &amp;#x27;@ffmpeg/ffmpeg&amp;#x27;;&amp;#xA;&amp;#xA;export default {&amp;#xA;  methods: {&amp;#xA;    async handleFileInputChange(event) {&amp;#xA;      const file = event.target.files[0];&amp;#xA;      if (!file) return;&amp;#xA;&amp;#xA;      const video = this.$refs.video;&amp;#xA;      const url = URL.createObjectURL(file);&amp;#xA;      video.src = url;&amp;#xA;&amp;#xA;      const inputVideoPath = &amp;#x27;input.mp4&amp;#x27;;&amp;#xA;      const outputVideoPath = &amp;#x27;compressed_output.mp4&amp;#x27;;&amp;#xA;&amp;#xA;      console.log(&quot;Compressing video...&quot;);&amp;#xA;      await this.compressVideo(file, inputVideoPath, outputVideoPath);&amp;#xA;      console.log(&quot;Compression completed.&quot;);&amp;#xA;&amp;#xA;      video.src = URL.createObjectURL(await this.downloadFile(outputVideoPath));&amp;#xA;    },&amp;#xA;    async compressVideo(file, inputVideoPath, outputVideoPath) {&amp;#xA;      const ffmpeg = new FFmpeg();&amp;#xA;      await ffmpeg.load();&amp;#xA;&amp;#xA;      // Writing the input file to the FFmpeg file system&amp;#xA;      await ffmpeg.writeFile(inputVideoPath, file);&amp;#xA;&amp;#xA;      // Execute FFmpeg command for compression&amp;#xA;      await ffmpeg.exec([&amp;#x27;-i&amp;#x27;, inputVideoPath, &amp;#x27;-vcodec&amp;#x27;, &amp;#x27;libx264&amp;#x27;, &amp;#x27;-crf&amp;#x27;, &amp;#x27;28&amp;#x27;, outputVideoPath]);&amp;#xA;    },&amp;#xA;    async downloadFile(filePath) {&amp;#xA;      const ffmpeg = new FFmpeg();&amp;#xA;      await ffmpeg.load();&amp;#xA;&amp;#xA;      // Read the compressed file from FFmpeg file system&amp;#xA;      const data = await ffmpeg.readFile(filePath);&amp;#xA;&amp;#xA;      return new Blob([data.buffer], { type: &amp;#x27;video/mp4&amp;#x27; });&amp;#xA;    }&amp;#xA;  }&amp;#xA;};&amp;#xA;&lt;/script&gt;&#xA;&#xA;&#xA;

    &#xA;

  • Efficient Video Compression with ffmpeg.js

    24 mai 2024, par John Mark

    I attempted to upload and compress a video using ffmpeg.js. However, it appears that this process is ineffective on modern browsers. I have already implemented console logging to verify if the video compression is occurring, yet thus far, no compression has been achieved. Could anyone suggest an alternative library for video compression that might better suit the requirements ?

    &#xA;

    <template>&#xA;  <div>&#xA;    <input type="file" accept="video/*" />&#xA;    <video ref="video" controls="controls"></video>&#xA;  </div>&#xA;</template>&#xA;&#xA;<code class="echappe-js">&lt;script&gt;&amp;#xA;import { FFmpeg } from &amp;#x27;@ffmpeg/ffmpeg&amp;#x27;;&amp;#xA;&amp;#xA;export default {&amp;#xA;  methods: {&amp;#xA;    async handleFileInputChange(event) {&amp;#xA;      const file = event.target.files[0];&amp;#xA;      if (!file) return;&amp;#xA;&amp;#xA;      const video = this.$refs.video;&amp;#xA;      const url = URL.createObjectURL(file);&amp;#xA;      video.src = url;&amp;#xA;&amp;#xA;      const inputVideoPath = &amp;#x27;input.mp4&amp;#x27;;&amp;#xA;      const outputVideoPath = &amp;#x27;compressed_output.mp4&amp;#x27;;&amp;#xA;&amp;#xA;      console.log(&quot;Compressing video...&quot;);&amp;#xA;      await this.compressVideo(file, inputVideoPath, outputVideoPath);&amp;#xA;      console.log(&quot;Compression completed.&quot;);&amp;#xA;&amp;#xA;      video.src = URL.createObjectURL(await this.downloadFile(outputVideoPath));&amp;#xA;    },&amp;#xA;    async compressVideo(file, inputVideoPath, outputVideoPath) {&amp;#xA;      const ffmpeg = new FFmpeg();&amp;#xA;      await ffmpeg.load();&amp;#xA;&amp;#xA;      // Writing the input file to the FFmpeg file system&amp;#xA;      await ffmpeg.writeFile(inputVideoPath, file);&amp;#xA;&amp;#xA;      // Execute FFmpeg command for compression&amp;#xA;      await ffmpeg.exec([&amp;#x27;-i&amp;#x27;, inputVideoPath, &amp;#x27;-vcodec&amp;#x27;, &amp;#x27;libx264&amp;#x27;, &amp;#x27;-crf&amp;#x27;, &amp;#x27;28&amp;#x27;, outputVideoPath]);&amp;#xA;    },&amp;#xA;    async downloadFile(filePath) {&amp;#xA;      const ffmpeg = new FFmpeg();&amp;#xA;      await ffmpeg.load();&amp;#xA;&amp;#xA;      // Read the compressed file from FFmpeg file system&amp;#xA;      const data = await ffmpeg.readFile(filePath);&amp;#xA;&amp;#xA;      return new Blob([data.buffer], { type: &amp;#x27;video/mp4&amp;#x27; });&amp;#xA;    }&amp;#xA;  }&amp;#xA;};&amp;#xA;&lt;/script&gt;&#xA;&#xA;&#xA;

    &#xA;

  • Seeking Ideas : How Can I Automatically Generate a TikTok Video from a Custom Song Using C# [closed]

    14 mai 2024, par Jamado

    Im creating a c# program which creates a video of the from a song and posts it on tiktok.

    &#xA;

    Right now my program

    &#xA;

      &#xA;

    1. Uses spleeter to split the song into stems

      &#xA;

      2. &#xA;

    2. uses a script of GitHub to create waveform images of the stems

      &#xA;

      3. &#xA;

    &#xA;

    I want my end video to look like this :

    &#xA;

    https://vm.tiktok.com/ZMM7CDmUt/ - only one song will play per video

    &#xA;

    https://vm.tiktok.com/ZMM7Xdw8b/

    &#xA;

    https://vm.tiktok.com/ZMM7CcGtE/ - no webcam or that hitting animations

    &#xA;

    basically I want the stems of the songs to be placed on top of a FL studio timeline, synced to the song, then I want to overlay a image on top of the video. and then to contribute for todays gen's 3 second attention span, add some audio virtualisations ontop of the fl studio recording (the music making app in the video) and a little shake to the image

    &#xA;

    I've tinkered with ffmpeg before, and I reckon it could do the trick here. I'd use the waveform pictures and mix them with a pre-recorded FL Studio video using ffmpeg's filters, like VStack to stack images, Scroll to slide them around and Blend. And then tweak the overlay filter for that shake effect. Plus, I found out ffmpeg can whip up some basic audio visualizations, which is neat. (https://gist.github.com/Neurogami/aeed8693f7ac375d5e013b8432d04d3f)

    &#xA;

    But my main issue with this approach is, how the waveform images will look weird/out of place ontop of the fl studio video, because FL studio has a really spesific "theme". I could manually create a template and then use some other library to merge the template image and the waveform image. But, it feels a bit janky and would probably be a hassle to set up and implement.

    &#xA;

    So, I'm curious if you folks have any nifty libraries, GitHub gems, or ideas to help me nail this video ?

    &#xA;

Navigation