Recherche avancée

Sur d’autres sites (10509)

• Saving an audio blob into the backend or Azure as an mp3 file using ffmpeg

  2 juin 2021, par Anne

  I have an asp.net webforms, and I am using javascript and navigator.mediaDevices.getUserMedia to record an audio message.
This message has to be loaded into Azure once recorded.

  


  So far, I have :
2 buttons, start and stop to record the audio blob

  


  At the end of the process, I am trying to use ffmpeg to record the blob into a folder in my application, I can then load the file into Azure (I have the code ready for this one).
Or ideally, save directly to Azure.

  


  I have installed ffmpeg in my application using nuget packages (I tried Xabe ffmpeg downloader and Accord video ffmpeg), however ffmpeg is not recognised when I run the function SendData() and I get this error :
Uncaught Error : Module name "ffmpeg" has not been loaded yet for context : _. Use require([])

  


  My questions are :

  


  

  • How can I install ffmpeg in an asp.net wbeform and register it on the page ?

  


  • Is there another way to save an audio blob to Azure ?

  


  • Is it possible to save the audio chunks into a memory stream that I can later upload into Azure ?

  


  


  Thank you for your help

  


  


  


      <code class="echappe-js">&lt;script&gt;&amp;#xA;        navigator.mediaDevices.getUserMedia({ audio: true }).then(stream =&gt; { handlerFunction(stream) })&amp;#xA;&amp;#xA;        record.onclick = e =&gt; {&amp;#xA;            record.disabled = true;&amp;#xA;            stopRecord.disabled = false;&amp;#xA;            audioChunks = [];&amp;#xA;            rec.start();&amp;#xA;        }&amp;#xA;&amp;#xA;        stopRecord.onclick = e =&gt; {&amp;#xA;            record.disabled = false;&amp;#xA;            stop.disabled = true;&amp;#xA;            rec.stop();&amp;#xA;        }&amp;#xA;&amp;#xA;&amp;#xA;        function handlerFunction(stream) {&amp;#xA;            rec = new MediaRecorder(stream);&amp;#xA;            rec.ondataavailable = e =&gt; {audioChunks.push(e.data);&amp;#xA;                if (rec.state == &quot;inactive&quot;) {&amp;#xA;                    let blob = new Blob(audioChunks, { type: &amp;#x27;audio/mpeg-3&amp;#x27; });&amp;#xA;                    recordedAudio.src = URL.createObjectURL(blob);&amp;#xA;                    recordedAudio.controls = true;&amp;#xA;                    sendData(blob)&amp;#xA;                }&amp;#xA;            }&amp;#xA;        }&amp;#xA;&amp;#xA;        function sendData(data) {&amp;#xA;            var ffmepg = require(&quot;ffmpeg&quot;);&amp;#xA;            try {&amp;#xA;                var Path = data;&amp;#xA;                var process = new ffmepg(&quot;Path&quot;);&amp;#xA;                process.then(function (audio) {audio.fnExtractSoundToMP3(&quot;~//AppData//Audio//test.mp3&quot;, function (error, file) {&amp;#xA;                        if (!error)&amp;#xA;                            console.log(&quot;Audio file: &quot; &amp;#x2B; file);&amp;#xA;                    });&amp;#xA;                }, function (err) {&amp;#xA;                    console.log(&quot;Error: &quot; &amp;#x2B; err);&amp;#xA;                });&amp;#xA;            }&amp;#xA;            catch (e) {&amp;#xA;                console.log(&quot;Catch e.code&quot; &amp;#x2B; e.code);&amp;#xA;                console.log(&quot;Catch e.msg&quot; &amp;#x2B; e.msg);&amp;#xA;            }&amp;#xA;        }&amp;#xA;    &lt;/script&gt;&#xA;&#xA;    &lt;script src=&quot;https://code.jquery.com/jquery-2.2.0.min.js&quot;&gt;&lt;/script&gt;&#xA;    &lt;script src=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js&quot;&gt;&lt;/script&gt;

  


  &#xA;&#xA;&#xA;    &#xA;    &#xA;    &#xA;    &#xA;    <code class="echappe-js">&lt;script src='http://stackoverflow.com/Scripts/require.js'&gt;&lt;/script&gt;&#xA;&#xA;&#xA;&#xA;    
  Record
  &#xA;
  &#xA;
  Start
  &#xA;
  Stop
  &#xA;
  &#xA;
  &#xA;        &#xA;
  &#xA;&#xA;
  

  


  


  



• Unrecognized option 'crf'

  6 septembre 2022, par Arjit Kaushal

  I am trying compress video using ffmpeg but i am facing errors in the command.
Although it runs perfectly fine on my linux terminal.( ffmpeg -i input.avi -vcodec libx264 -crf 24 output.avi).

  


  my code :

  


  void _compress() {
        if (_videoModel == null) return;
        String inputPath = _videoModel!.originalCachePath;
        String outputPath = _videoModel!.editCachePath;
    
        FFmpegKit.execute("-i $inputPath -vcodec libx264 -crf 24 -y $outputPath")
            .then((session) async {
          final returnCode = await session.getReturnCode();
          if (ReturnCode.isSuccess(returnCode)) {
            Navigator.pushNamed(context, PreviewPage.routeName,
                arguments: _videoModel);
          } else if (ReturnCode.isCancel(returnCode)) {
            print("compress cancel");
          } else {
            print("compress error : $returnCode");
            FFmpegKitConfig.enableLogCallback((log){
              final message = log.getMessage();
              print(message);
            });
    
    
          }
        });
      }


  


  I am facing the following errors :
Unrecognized option 'crf',
I/flutter (31056) : Error splitting the argument list,
Option not found.

  


• Video streaming to YouTube using JavaScript and Java

  28 septembre 2020, par user1597121

  I'm trying to stream live video from a user's browser to YouTube Live. I already have the following working :

  


  

  1. Capture video from the webcam using navigator.mediaDevices.getUserMedia

  


  2. Send video data to the server via WebSocket by periodically invoking this function :

  


  


  function getFrame(video)
{
    var canvas = document.createElement('canvas');
    canvas.width = video.videoWidth;
    canvas.height = video.videoHeight;
    canvas.getContext('2d').drawImage(video, 0, 0);

    return canvas.toDataURL('image/png', 1);
}


  


  

  3. Creating a live broadcast and stream on YouTube via their API and receiving the RTMP info where they expect the video stream to be sent.

  


  


  This is where I seem to be stuck. I'm not sure how to send the video data from my Java server to YouTube's RTMP endpoint. I've looked into using Red5 or ffmpeg, but haven't been able to find an example where the data is continually being sent via WebSocket. Rather, there's always some "stream" that is being redirected to YouTube, coming in on a dedicated port, or perhaps from a pre-recorded video file.

  


  I have very limited knowledge of how video streaming works, so that's presumably making things more difficult than they should be. I'd really appreciate some help with getting this figured out. Thank you !