Recherche avancée

Sur d’autres sites (12409)

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

  



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

  



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

  



  $ strings ffmpeg.dll  | grep -i ffmp
FFmpeg video codec #1
Huffyuv FFmpeg variant
Not yet implemented in FFmpeg, patches welcome
C:\projects\libchromiumcontent\src\out-x64\static_library\ffmpeg.dll.pdb
ffmpeg.dll


$ strings ffmpeg.dll  | grep -i version
H.263 / H.263-1996, H.263+ / H.263-1998 / H.263 version 2
MPEG-4 part 2 Microsoft variant version 1
MPEG-4 part 2 Microsoft variant version 2
MPEG-4 part 2 Microsoft variant version 3
H.263+ / H.263-1998 / H.263 version 2
On2 VP6 (Flash version)
On2 VP6 (Flash version, with alpha channel)
old standard qpel (autodetected per FOURCC/version)
direct-qpel-blocksize bug (autodetected per FOURCC/version)
edge padding bug (autodetected per FOURCC/version)
strictly conform to a older more strict version of the spec or reference software
minor_version
premiere_version
quicktime_version
Assume this x264 version if no x264 version found in any SEI