Recherche avancée

Médias (1)

Mot : - Tags -/ogv

Autres articles (48)

  • Support audio et vidéo HTML5

    10 avril 2011

    MediaSPIP utilise les balises HTML5 video et audio pour la lecture de documents multimedia en profitant des dernières innovations du W3C supportées par les navigateurs modernes.
    Pour les navigateurs plus anciens, le lecteur flash Flowplayer est utilisé.
    Le lecteur HTML5 utilisé a été spécifiquement créé pour MediaSPIP : il est complètement modifiable graphiquement pour correspondre à un thème choisi.
    Ces technologies permettent de distribuer vidéo et son à la fois sur des ordinateurs conventionnels (...)

  • HTML5 audio and video support

    13 avril 2011, par

    MediaSPIP uses HTML5 video and audio tags to play multimedia files, taking advantage of the latest W3C innovations supported by modern browsers.
    The MediaSPIP player used has been created specifically for MediaSPIP and can be easily adapted to fit in with a specific theme.
    For older browsers the Flowplayer flash fallback is used.
    MediaSPIP allows for media playback on major mobile platforms with the above (...)

  • De l’upload à la vidéo finale [version standalone]

    31 janvier 2010, par

    Le chemin d’un document audio ou vidéo dans SPIPMotion est divisé en trois étapes distinctes.
    Upload et récupération d’informations de la vidéo source
    Dans un premier temps, il est nécessaire de créer un article SPIP et de lui joindre le document vidéo "source".
    Au moment où ce document est joint à l’article, deux actions supplémentaires au comportement normal sont exécutées : La récupération des informations techniques des flux audio et video du fichier ; La génération d’une vignette : extraction d’une (...)

Sur d’autres sites (9520)

  • How to speed up video and its timestamp to shorten video length, but represent time as it was recorded ?

    7 janvier 2021, par Gonzalo Aspee

    I have a video recorded at 5 fps that I want to speed up to 30 fps to shorten it. That is simple enough as :

    


    ffmpeg -i input.mp4 -r 30 -vf "setpts=0.16666*PTS" output.mp4


    


    But when I try to add a timestamp to it with :

    


    ffmpeg -i input.mp4 -r 30 -vf "setpts=0.16666*PTS, drawtext=text='%{pts\:localtime\:1610043985\:%Y\-%m\-%d %H\\\\\:%M\\\\\:%S.}%{eif\:mod(n,30)\:d}'" output.mp4


    


    The timestamp does not longer represents the time as it was recorded (it should run faster now)

    


    How to achieve this ?

    


  • ffmpeg - compositing a video within a video in the centre

    1er mars 2017, par kieran

    I’m looking to composite a video with ffmpeg that places the video in the centre no matter what the composited video’s aspect ratio/size.

    The "background" video will always be 16:9 and 1920x1080px. I won’t know the aspect ratio or size of the overlay video as it will be user uploaded and could be any size/ratio.

    Here’s an example of what I’m trying to achieve :

    This is the background image :

    enter image description here

    Now I want to overlay a video over the top :

    enter image description here

    This should also work :enter image description here

    Essentially no matter what the dimensions I want to ensure it’s always resized to fit within 1920x1080 and in addition ensure it’s always centred.

    Finally, if the uploaded video is also 16:9 it should simply overlay the entire video :
    enter image description here

  • Express - FFMPEG : Serve transcoded video instead of static video file

    30 septembre 2020, par No stupid questions

    I am creating a website to host videos downloaded on my computer online. However, many of these videos are not in a web friendly format (like .mkv or .flv). It is not an option to convert these files on the disk and then serve them as static files, converting needs to be done live by the server. I want to transcode these videos with ffmpeg to a web friendly format like webm.

    


    So far, I have been able to somewhat successfully transcode a video and serve it :

    


    import express from 'express';
import cors from 'cors';
import ffmpeg from 'fluent-ffmpeg';

const app = express();

app.use(cors());
app.use(express.json());

app.use('/static/videos', globalPasswordMiddleware, (req, res) => {
    res.contentType('webm');
    const videoPath = path.join('C:/videos', decodeURIComponent(req.path));
    ffmpeg(videoPath)
        .format('webm')
        .on('end', function () {
            console.log('file has been converted succesfully');
        })
        .on('error', function (err) {
            console.log('an error happened: ' + err.message);
        })
        .pipe(res, { end: true });
});


    


    However, I am still encountering three different issues :

    


    Firstly, while this code seems to work for transcoding something like a flash video into webm, there are still a number of videos I cannot get to play. For example, a number of videos that play in Chrome will still not play in Firefox or a number of videos that play on my PC won't on my ancient iPad. Are there more arguments I need to be passing to ffmpeg to transcode the video in a way that it will work on a greater number or devices/browsers ?

    


    Second, there is no ability to seek on the video or see how much time remains. When viewing a transcoded video it behaves more like a livestream than if I were serving it as a static file. How can I fix this ?

    


    And finally third, the transcoding is massively slow. Running in production mode, video playback has to buffer for a few seconds every five or so seconds. I am aware transcoding video is an intense process but I believe given my computer's hardware (i9 9900K) and how much faster it is at transcoding videos on Plex that I should be able to transcode videos faster than this.