Recherche avancée

Médias (1)

Mot : - Tags -/iphone

Autres articles (57)

  • Les autorisations surchargées par les plugins

    27 avril 2010, par

    Mediaspip core
    autoriser_auteur_modifier() afin que les visiteurs soient capables de modifier leurs informations sur la page d’auteurs

  • Librairies et logiciels spécifiques aux médias

    10 décembre 2010, par

    Pour un fonctionnement correct et optimal, plusieurs choses sont à prendre en considération.
    Il est important, après avoir installé apache2, mysql et php5, d’installer d’autres logiciels nécessaires dont les installations sont décrites dans les liens afférants. Un ensemble de librairies multimedias (x264, libtheora, libvpx) utilisées pour l’encodage et le décodage des vidéos et sons afin de supporter le plus grand nombre de fichiers possibles. Cf. : ce tutoriel ; FFMpeg avec le maximum de décodeurs et (...)

  • Creating farms of unique websites

    13 avril 2011, par

    MediaSPIP platforms can be installed as a farm, with a single "core" hosted on a dedicated server and used by multiple websites.
    This allows (among other things) : implementation costs to be shared between several different projects / individuals rapid deployment of multiple unique sites creation of groups of like-minded sites, making it possible to browse media in a more controlled and selective environment than the major "open" (...)

Sur d’autres sites (9264)

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

  • Firefox says some files converted from mkv to mp4 in ffmpeg are corrupt

    14 janvier 2018, par EpicKnarvik97

    I have recently converted many videos for web playback, but all videos from one "series" all show up in firefox as "Video can’t be played because the file is corrupt." (They work for google chrome and VLC. Not for firefox or edge.) All files have been converted with this command :

    ffmpeg -i "file.mkv" -vcodec h264 -movflags +faststart -map 0 -vf subtitles="file.mkv" "file.mp4"

    ffmpeg output from one of the non-working files :

    Input #0, mov,mp4,m4a,3gp,3g2,mj2, from 'Episode_7.mp4':
    
  Metadata:
    
    major_brand     : isom
    
    minor_version   : 512
    
    compatible_brands: isomiso2avc1mp41
    
    encoder         : Lavf58.3.100
    
  Duration: 00:23:53.52, start: -0.001333, bitrate: 1900 kb/s
    
    Stream #0:0(und): Video: h264 (High 4:4:4 Predictive) (avc1 / 0x31637661), yuv444p, 1920x1080 [SAR 1:1 DAR 16:9], 1763 kb/s, 23.98 fps, 23.98 tbr, 24k tbn, 47.95 tbc (default)
    
    Metadata:
    
      handler_name    : VideoHandler
    
    Stream #0:1(und): Audio: aac (LC) (mp4a / 0x6134706D), 48000 Hz, stereo, fltp, 130 kb/s (default)
    
    Metadata:
    
      handler_name    : SoundHandler

    ffmpeg output from a working file :

    Input #0, mov,mp4,m4a,3gp,3g2,mj2, from 'Episode_7.mp4':
    
  Metadata:
    
    major_brand     : isom
    
    minor_version   : 512
    
    compatible_brands: isomiso2avc1mp41
    
    encoder         : Lavf58.3.100
    
  Duration: 00:23:40.06, start: 0.000000, bitrate: 1848 kb/s
    
    Stream #0:0(und): Video: h264 (High) (avc1 / 0x31637661), yuv420p, 1920x1080 [SAR 1:1 DAR 16:9], 1710 kb/s, 23.81 fps, 23.81 tbr, 16k tbn, 47.62 tbc (default)
    
    Metadata:
    
      handler_name    : VideoHandler
    
    Stream #0:1(jpn): Audio: aac (LC) (mp4a / 0x6134706D), 44100 Hz, stereo, fltp, 131 kb/s (default)
    
    Metadata:
    
      handler_name    : SoundHandler

    Of a collection of over 100 files, only 12 episodes of a single series show up as corrupted in firefox. I see some differences in the information about the two files, but I don’t know why one file works and the other does not. What do I need to tell ffmpeg to make the videos playable in firefox ?

  • What version of ffmpeg is bundled inside electron ?

    7 août 2020, par greghmerrill

    The prebuilt electron binaries for Windows include the file ffmpeg.dll. How can I determine what version of the underlying ffmpeg library is actually compiled to produce this dll ? I need this information to understand what known vulnerabilities (CVE's, etc) might be in a given version of electron via ffmpeg.

    &#xA;&#xA;

    As I understand it, the ffmpeg dll itself is taken from https://github.com/electron/nightlies/releases/ when I download my dependencies (I'm using electron-prebuilt-compile). But I'm not getting a clear picture of what the source for that binary is. I think it might be from https://chromium.googlesource.com/chromium/third_party/ffmpeg/ but then I'm not clear on the relationship of that repo with the original ffmpeg repo (e.g. how often are fixes merged from the ffmpeg repo to the chromium third-party repo, etc.)

    &#xA;&#xA;

    I tried searching the content of the dll as per cody's suggestion, but no luck :

    &#xA;&#xA;

    $ strings ffmpeg.dll  | grep -i ffmp&#xA;FFmpeg video codec #1&#xA;Huffyuv FFmpeg variant&#xA;Not yet implemented in FFmpeg, patches welcome&#xA;C:\projects\libchromiumcontent\src\out-x64\static_library\ffmpeg.dll.pdb&#xA;ffmpeg.dll&#xA;&#xA;&#xA;$ strings ffmpeg.dll  | grep -i version&#xA;H.263 / H.263-1996, H.263&#x2B; / H.263-1998 / H.263 version 2&#xA;MPEG-4 part 2 Microsoft variant version 1&#xA;MPEG-4 part 2 Microsoft variant version 2&#xA;MPEG-4 part 2 Microsoft variant version 3&#xA;H.263&#x2B; / H.263-1998 / H.263 version 2&#xA;On2 VP6 (Flash version)&#xA;On2 VP6 (Flash version, with alpha channel)&#xA;old standard qpel (autodetected per FOURCC/version)&#xA;direct-qpel-blocksize bug (autodetected per FOURCC/version)&#xA;edge padding bug (autodetected per FOURCC/version)&#xA;strictly conform to a older more strict version of the spec or reference software&#xA;minor_version&#xA;premiere_version&#xA;quicktime_version&#xA;Assume this x264 version if no x264 version found in any SEI&#xA;

    &#xA;

Navigation