Recherche avancée

Médias (0)

Mot : - Tags -/xml-rpc

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

Autres articles (96)

  • MediaSPIP 0.1 Beta version

    25 avril 2011, par

    MediaSPIP 0.1 beta is the first version of MediaSPIP proclaimed as "usable".
    The zip file provided here only contains the sources of MediaSPIP in its standalone version.
    To get a working installation, you must manually install all-software dependencies on the server.
    If you want to use this archive for an installation in "farm mode", you will also need to proceed to other manual (...)

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

  • ANNEXE : Les plugins utilisés spécifiquement pour la ferme

    5 mars 2010, par

    Le site central/maître de la ferme a besoin d’utiliser plusieurs plugins supplémentaires vis à vis des canaux pour son bon fonctionnement. le plugin Gestion de la mutualisation ; le plugin inscription3 pour gérer les inscriptions et les demandes de création d’instance de mutualisation dès l’inscription des utilisateurs ; le plugin verifier qui fournit une API de vérification des champs (utilisé par inscription3) ; le plugin champs extras v2 nécessité par inscription3 (...)

Sur d’autres sites (11805)

  • ffmpeg legitimate decoding errors

    20 juillet 2017, par Gideon Oduro

    My issue is as follows, i’m sending a H.264 encoded video captured with the help of WebRTC over WebSocket. The idea is to perform server side analysis and object tracking.

    navigator.mediaDevices.getUserMedia(constraint).then((stream) => {
    
  isVideoElement(target, stream)
    
  mediaRecorder = recorder(stream, {mimeType: 'video/webm; codecs=H264'})
    
  mediaRecorder.ondataavailable = (blob) => socket.send(blob.data)
    
  mediaRecorder.start('2000');
    
})

    On the server side, data is being received as ByteBuffer :

    override fun handleBinaryMessage(session: WebSocketSession, msg: BinaryMessage) {
    
    analysis(msg.payload)
    
}

    Im using the following resources (resource_1, resource_2) to try to convert my ByteBuffer to a OpenCv frame :

    fun startPreview(data: ByteBuffer) {
    
avcodec_register_all()
    
val pack = avcodec.AVPacket()
    
pack.data(BytePointer(data))
    
avcodec.av_init_packet(pack)
    

    
val videoData = BytePointer(data)
    

    
val codec = avcodec.avcodec_find_decoder(avcodec.AV_CODEC_ID_H264)
    
val videoCodecContext = avcodec.avcodec_alloc_context3(codec)
    

    
videoCodecContext.width(1280)
    
videoCodecContext.height(720)
    

    
videoCodecContext.pix_fmt(avutil.AV_PIX_FMT_YUV420P)
    
videoCodecContext.codec_type(avutil.AVMEDIA_TYPE_VIDEO)
    
videoCodecContext.extradata(videoData)
    
videoCodecContext.extradata_size(data.capacity())
    
videoCodecContext.flags2(videoCodecContext.flags2() or avcodec.CODEC_FLAG2_CHUNKS)
    

    
avcodec.avcodec_open2(videoCodecContext, codec, null as PointerPointer<*>?)
    

    
val decodedFrameLength = avcodec.avcodec_receive_frame(videoCodecContext, avutil.AVFrame())
    

    
println(decodedFrameLength)
    

    
}

    Im then receiving decodedFrameLength of -35 indicating a decoding error, cant figure out how to proceed from here ?

  • Save video to disk from WebRTC MediaStream in Node

    27 novembre 2020, par SAGBO Aimé

    I'm building an app where the user can connect to the server through a WebRTC (I'm using simple-peer library both server-side and client-side to set the peer-to-peer connection).
Once the client and the server are connected, the client app stream the user camera and micro to the server.

    


    Now, I want to save the streamed data to the filesystem server-side as an MP4 video file.

    


    I hear about ffmpeg and fluent-ffmpeg to achieve this but i don't know how to use them.

    


      

    • Server side code to set up the peer connection

      • 


    


    const Peer = require("simple-peer");
const wrtc = require("wrtc");

const peer = new Peer({ initiator: false, wrtc: wrtc, trickle: false });

peer.on("error", (err: any) => console.log("error", err));

  peer.on("signal", (data: any) => {
    if (data.type === "offer" || data.type === "answer")
      dispatchMessage(JSON.stringify(data));
    // if (data.renegotiate || data.transceiverRequest) return;
  });

  peer.on("connect", () => {
    console.log("CONNECTED");
    peer.send(JSON.stringify("HELLO DEER PEER FROM SERVER"));
  });

  peer.on("data", (data: any) => {
    console.log("data: ", data);
  });

  peer.on("stream", (stream: MediaStream) => {
    console.log("-------Stream received", stream);
  });

  peer.on("track", (track: MediaStreamTrack) => {
    console.log("-------trackEvent:", track);
  });


    


      

    • Client-side code

      • 


    


    const stream = await window.navigator.mediaDevices.getUserMedia({
    video: { width: { ideal: 4096 }, height: { ideal: 2160 }},
    audio: true,
});

const p = new SimplePeer({
    initiator: isInitiator,  
    trickle: false  
});

stream.getTracks().forEach(track => p.addTrack(
    track,  
    stream  
));

// Here I set up the listeners for the peer connection


    


  • Capturing audio data (using javascript) and uploading on a server as MP3

    4 septembre 2018, par Michel

    Following a number of resources on the internet, I am trying to build a simple web page, where I can go to record something (my voice), then make a mp3 file out of the recording and finally upload that file to a server.

    At this point I can do the recording and also play back, but I haven’t gone as far as uploading, it seems like I cannot even make an mp3 file locally.
    Can someone tell me what I am doing wrong, or in the wrong order ?

    Below is all the code I have at this point.

        
    
    
    
    
    
    
    

    

    
<div>
    
    <h2>Audio record and playback</h2>
    
    <p>
    
        <button></button></p><h3>Start</h3>
    
        <button disabled="disabled"><h3>Stop</h3></button>
    
        <audio controls="controls"></audio>
    
        <a></a>
    
    
    
</div>
    

    
<code class="echappe-js">&lt;script&gt;<br />
    
  var player = document.getElementById('player');<br />
    
<br />
    
  var handleSuccess = function(stream) {<br />
    
    rec = new MediaRecorder(stream);<br />
    
<br />
    
    rec.ondataavailable = e =&gt; {<br />
    
        audioChunks.push(e.data);<br />
    
        if (rec.state == &quot;inactive&quot;) {<br />
    
            let blob = new Blob(audioChunks,{type:'audio/x-mpeg-3'});<br />
    
            player.src = URL.createObjectURL(blob);<br />
    
            player.controls=true;<br />
    
            player.autoplay=true;<br />
    
            // audioDownload.href = player.src;<br />
    
            // audioDownload.download = 'sound.data';<br />
    
            // audioDownload.innerHTML = 'Download';<br />
    
            mp3Build();<br />
    
        }<br />
    
    }<br />
    
<br />
    
    player.src = stream;<br />
    
  };<br />
    
<br />
    
  navigator.mediaDevices.getUserMedia({audio:true/*, video: false */})<br />
    
      .then(handleSuccess);<br />
    
<br />
    
startRecord.onclick = e =&gt; {<br />
    
  startRecord.disabled = true;<br />
    
  stopRecord.disabled=false;<br />
    
  audioChunks = [];<br />
    
  rec.start();<br />
    
}<br />
    
<br />
    
stopRecord.onclick = e =&gt; {<br />
    
  startRecord.disabled = false;<br />
    
  stopRecord.disabled=true;<br />
    
  rec.stop();<br />
    
}<br />
    
<br />
    
<br />
    
var ffmpeg = require('ffmpeg');<br />
    
<br />
    
function mp3Build() {<br />
    
try {<br />
    
    var process = new ffmpeg('sound.data');<br />
    
    process.then(function (audio) {<br />
    
        // Callback mode.<br />
    
        audio.fnExtractSoundToMP3('sound.mp3', function (error, file) {<br />
    
            if (!error) {<br />
    
                console.log('Audio file: ' + file);<br />
    
        audioDownload.href = player.src;<br />
    
        audioDownload.download = 'sound.mp3';<br />
    
        audioDownload.innerHTML = 'Download';<br />
    
      } else {<br />
    
        console.log('Error-fnExtractSoundToMP3: ' + error);<br />
    
      }<br />
    
        });<br />
    
    }, function (err) {<br />
    
        console.log('Error: ' + err);<br />
    
    });<br />
    
} catch (e) {<br />
    
    console.log(e.code);<br />
    
    console.log(e.msg);<br />
    
}<br />
    
}<br />
    
<br />
    
&lt;/script&gt;

    When I try to investigate and see what is happening using the Debugger inside the Web Console ; on the line :

    var process = new ffmpeg('sound.data');

    I get this message :

    Paused on exception
    
TypeError ffmpeg is not a contructor.

    And on the line :

    var ffmpeg = require('ffmpeg');

    I get this message :

    Paused on exception
    
ReferenceError require is not defined.

    Beside when I watch the expression ffmpeg, I can see :

    ffmpeg: undefined

    After some further investigations, and using browserify I use the following code :

        
    
    
    
    
    
    
    

    

    
<div>
    
    <h2>Audio record and playback</h2>
    
    <p>
    
        <button></button></p><h3>Start</h3>
    
        <button disabled="disabled"><h3>Stop</h3></button>
    
        <audio controls="controls"></audio>
    
        <a></a>
    
    
    
</div>
    

    
<code class="echappe-js">&lt;script src='http://stackoverflow.com/feeds/tag/bundle.js'&gt;&lt;/script&gt;
    

    &lt;script&gt;<br />
    
  var player = document.getElementById('player');<br />
    
<br />
    
  var handleSuccess = function(stream) {<br />
    
    rec = new MediaRecorder(stream);<br />
    
<br />
    
    rec.ondataavailable = e =&gt; {<br />
    
        if (rec.state == &quot;inactive&quot;) {<br />
    
            let blob = new Blob(audioChunks,{type:'audio/x-mpeg-3'});<br />
    
            //player.src = URL.createObjectURL(blob);<br />
    
            //player.srcObject = URL.createObjectURL(blob);<br />
    
            //player.srcObject = blob;<br />
    
            player.srcObject = stream;<br />
    
            player.controls=true;<br />
    
            player.autoplay=true;<br />
    
            // audioDownload.href = player.src;<br />
    
            // audioDownload.download = 'sound.data';<br />
    
            // audioDownload.innerHTML = 'Download';<br />
    
            mp3Build();<br />
    
        }<br />
    
    }<br />
    
<br />
    
    //player.src = stream;<br />
    
    player.srcObject = stream;<br />
    
  };<br />
    
<br />
    
  navigator.mediaDevices.getUserMedia({audio:true/*, video: false */})<br />
    
      .then(handleSuccess);<br />
    
<br />
    
startRecord.onclick = e =&gt; {<br />
    
  startRecord.disabled = true;<br />
    
  stopRecord.disabled=false;<br />
    
  audioChunks = [];<br />
    
  rec.start();<br />
    
}<br />
    
<br />
    
stopRecord.onclick = e =&gt; {<br />
    
  startRecord.disabled = false;<br />
    
  stopRecord.disabled=true;<br />
    
  rec.stop();<br />
    
}<br />
    
<br />
    
<br />
    
var ffmpeg = require('ffmpeg');<br />
    
<br />
    
function mp3Build() {<br />
    
try {<br />
    
    var process = new ffmpeg('sound.data');<br />
    
    process.then(function (audio) {<br />
    
        // Callback mode.<br />
    
        audio.fnExtractSoundToMP3('sound.mp3', function (error, file) {<br />
    
            if (!error) {<br />
    
                console.log('Audio file: ' + file);<br />
    
        //audioDownload.href = player.src;<br />
    
        audioDownload.href = player.srcObject;<br />
    
        audioDownload.download = 'sound.mp3';<br />
    
        audioDownload.innerHTML = 'Download';<br />
    
      } else {<br />
    
        console.log('Error-fnExtractSoundToMP3: ' + error);<br />
    
      }<br />
    
        });<br />
    
    }, function (err) {<br />
    
        console.log('Error: ' + err);<br />
    
    });<br />
    
} catch (e) {<br />
    
    console.log(e.code);<br />
    
    console.log(e.msg);<br />
    
}<br />
    
}<br />
    
<br />
    
&lt;/script&gt;

    That solved the problem of :

    the expression ffmpeg being: undefined

    But the play back is no longer working. I may not be doing the right thing with player.srcObject and maybe some other things too.

    When I use this line :

    player.srcObject = URL.createObjectURL(blob);

    I get this message :

    Paused on exception
    
TypeError: Value being assigned to HTMLMediaElement.srcObject is not an object.

    And when I use this line :

    player.srcObject = blob;

    I get this message :

    Paused on exception
    
TypeError: Value being assigned to HTMLMediaElement.srcObject does not implement interface MediaStream.

    Finally, if I use this :

    player.srcObject = stream;

    I do not get any error message but the voice recording still does not work.

Navigation