Recherche avancée

Médias (0)

Mot : - Tags -/interaction

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

Autres articles (69)

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

  • How to stream to a element using fluent-ffmpeg

    19 mai 2017, par Lukas

    I am writing on an electron application and I am trying to use fluent-ffmpeg to create a streaming server and use a <video></video> element to consume that stream. I wonder how to set up fluent-ffmpeg and the <video></video> using flowplayer like this :

    Server :

    const express = require('express');
    
const ffmpeg = require('fluent-ffmpeg');
    

    
const app = express();
    

    
app.use(express.static(__dirname + '/flowplayer'));
    

    
app.get('/', function(req, res) {
    
    res.send('index.html');
    
});
    

    
app.get('/video/:filename', function(req, res) {
    
    res.contentType('flv');
    
    // make sure you set the correct path to your video file storage
    
    const pathToMovie = '/Users/luke/Movies/' + req.params.filename;
    
    const proc = ffmpeg(pathToMovie)
    
    // use the 'flashvideo' preset (located in /lib/presets/flashvideo.js)
    
        .preset('divx')
    
        // setup event handlers
    
        .on('end', function() {
    
            console.log('file has been converted succesfully');
    
        })
    
        .on('error', function(err) {
    
            console.log('an error happened: ' + err.message);
    
        })
    
        // save to stream
    
        .pipe(res, {end:true});
    
});
    

    
app.listen(4000);

    Webseite with <video></video> element :

      
    
    
    
    <code class="echappe-js">&lt;script src=&quot;https://code.jquery.com/jquery-1.11.2.min.js&quot;&gt;&lt;/script&gt;
    
    

    &lt;script src='http://stackoverflow.com/feeds/tag/flowplayer-7.0.4/flowplayer.min.js'&gt;&lt;/script&gt;
    

    
      
    &lt;script&gt;<br />
    
    require('./ffmpeg-server.js');<br />
    
  &lt;/script&gt;

    The main problem I see right now is to find a way to set up the right settings for ffmpeg (currently I am using the divx preset together with the video type video/mpeg4 in the HTML which (of course) does not work.

  • Use the disable option for both loading and setting the preview element.

    12 juin 2013, par blueimp
    Use the disable option for both loading and setting the preview element.

  • always clear fileUploadPreview directive element on preview change

    19 janvier 2014, par danxshap
    always clear fileUploadPreview directive element on preview change

Navigation