Recherche avancée

Médias (91)

Autres articles (45)

  • Personnaliser les catégories

    21 juin 2013, par

    Formulaire de création d’une catégorie
    Pour ceux qui connaissent bien SPIP, une catégorie peut être assimilée à une rubrique.
    Dans le cas d’un document de type catégorie, les champs proposés par défaut sont : Texte
    On peut modifier ce formulaire dans la partie :
    Administration > Configuration des masques de formulaire.
    Dans le cas d’un document de type média, les champs non affichés par défaut sont : Descriptif rapide
    Par ailleurs, c’est dans cette partie configuration qu’on peut indiquer le (...)

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

Sur d’autres sites (9167)

  • Stream MP4 over HTTP without segments

    23 novembre 2017, par Ben van Hartingsveldt

    I’m trying to stream MP4.

    If you stream MP3, you can stream it to something (maybe via RTMP or via IceCast) and watch it via HTTP (but no HLS). Your live MP3 file is something like : http://example.com/live.mp3. Here you can listen to live generated MP3.

    Now I want something simular with MP4.
    I want to stream MP4 (AVC/H.264) to a server (maybe via RTMP) and want to receive the livestream on this location : http://example.com/live.mp4.
    I don’t want to use HLS (with it’s M3U8 file and TS-files).

    Is this possible ?

    I know it works with a already generated MP4, after you converted it to a FastStart/WebOptimised MP4, but I want a LIVE mp4.

  • Unknown issue with Discord.js and ytdl, completely skips playing audio

    21 novembre 2017, par Gman0064

    One of the commands I have for my Discord bot is to play a predefined music clip in the current user’s voice channel. The bot can connect, but rather than playing the song, it instantaneously leaves. I’ve tried using both connection.playStream as well as connection.playFile, and both seem to return the same (lack of) output. Am I missing some sort of dependency or is my code just written incorrectly ? Any help would be greatly appreciated !

    const Discord = require('discord.js');
    const ytdl = require('ytdl-core');
    const client = new Discord.Client();
    const streamOptions = { seek: 0, volume: 1};

    client.on('ready', () => {
     console.log('Login Success');
    });

    client.on('message', message => {
     if (message.content === '$vaporwave') {
       if (!message.guild) return;
       if(message.member.voiceChannel) {
         message.member.voiceChannel.join().then(connection => {
           console.log("joined channel");
           //const stream = ytdl('https://www.youtube.com/watch?v=cU8HrO7XuiE', { filter : 'audioonly' });
           const dispatcher = connection.playFile('./mcp420.mp3');
           //const dispatcher = connection.playStream(stream, streamOptions);
           dispatcher.on("end", end => {
             console.log("left channel");
             message.member.voiceChannel.leave();
           });
         }).catch(err => console.log(err));
       }
     }
    });
    • NPM v4.6.1
    • Node.js v8.9.1
    • FFMPEG v3.2.8-1
  • Possible bug in latest google chrome (v62) ?

    21 novembre 2017, par Jalal El-Shaer

    The following demo was working perfectly :

    http://jsfiddle.net/r6wz0nz6/2/

    The following is a sample of ’video-preview’ class in action :

    <a href="https://www.youtube.com/watch?v=v1uyQZNg2vE" target="_blank" class="video-preview" data-frames="100" data-source="http://i.imgur.com/BX0pV4J.jpg">
    </a>

    Now, if you use your mouse to scroll from left-to-right, somehow it is not working (shows thumbnail instead of current image position). This was working perfectly before v62. While, from right-to-left, it works normally.

    Updated Please watch how this looks here : https://www.youtube.com/watch?v=HvDP-YXJgOk

    Question : How can I overcome this bug/issue ?

    P.S. the demo is based on this blog post (https://www.binpress.com/tutorial/how-to-generate-video-previews-with-ffmpeg/138)

    Update 2
    Interesting, in the following part :

    elm.mousemove(function(e) {
    var left = e.clientX - elm.position().left;
    slider.show().css('left', left -1); // &lt;&lt;---------------------- this line
    img.css('left', -Math.floor((left / width) * frames) * width);

    if I remove the ’-1’ like so :
    slider.show().css('left', left);
    It works from Left-To-Right, but now from Right-To-Left is showing same bug !!

    Proposed Workaround by @A. Wollf
    Change the "mouseout" to "mouseleave" and it seems to fix it : http://jsfiddle.net/r6wz0nz6/388