Recherche avancée

Sur d’autres sites (11155)

• react cant find ffmpegwasm

  18 septembre 2024, par Martin

  I am trying to create a working example for ffmpeg wasm with react js in my browser.

  


  I have been following this very simple example :
https://www.youtube.com/watch?v=-OTc0Ki7Sv0&ab_channel=Fireship

  


  installed ffmpeg locally inside my react repo node_modules as seen here :


  


  And followed to tutorial video to edit the App.jsx so it looks like this :

  


  import React, { useState, useEffect } from &#x27;react&#x27;;&#xA;import &#x27;./App.css&#x27;;&#xA;&#xA;import { createFFmpeg, fetchFile } from &#x27;@ffmpeg/ffmpeg&#x27;;&#xA;const ffmpeg = createFFmpeg({&#xA;  log: true,&#xA;});&#xA;function App() {&#xA;  &#xA;  const [ready, setReady] = useState(false);&#xA;&#xA;  const load = async () => {&#xA;      console.log(&#x27;load()&#x27;)&#xA;      await ffmpeg.load();&#xA;      setReady(true);&#xA;  }&#xA;&#xA;  useEffect(()=>{&#xA;    load();&#xA;  }, [])&#xA;&#xA;  return (&#xA;    <div classname="App">&#xA;      content&#xA;    </div>&#xA;  );&#xA;}&#xA;&#xA;export default App;&#xA;&#xA;

  


  But this leads to error messages in my win10 command prompt terminal saying it cant find the ffmpeg files :

  


  [16:07:47] [snowpack] [404] Not Found (/node_modules/@ffmpeg/core/dist/ffmpeg-core.js)
[16:07:47] [snowpack] [404] Not Found (/node_modules/@ffmpeg/core/dist/ffmpeg-core.wasm)
[16:07:47] [snowpack] [404] Not Found (/node_modules/@ffmpeg/core/dist/ffmpeg-core.worker.js)


  


  I've even tried moving the ffmpeg files to my public folder and editing the code to find them like so :

  


  const ffmpeg = createFFmpeg({
  log: true,
  corePath: '../public/@ffmpeg/core/dist/ffmpeg-core.js',
});


  


  But the same error occured. Why doesn't my react App.jsx file correctly find the ffmpeg files in my node_modules folder ?

  


• HTML mp4 Streaming / How can I automatically move the "atom moov" to the beginning of the file ?

  29 octobre 2020, par Einkornwolf

  so I am currently building a Website for School and implemented an Upload-System. Now I want People to be able to watch uploaded Videos. Currently if you try to watch a Video, lets say test.mp4 it takes over a minute to load. I know that using : ffmpeg -i inputvideo.mp4 -movflags faststart -acodec copy -vcodec copy outputvideo.mp4 moves the atom moov to the beginning of the file. And when I manually convert the mp4 using the previous command the file starts playing instantly. But now my problem is, that I don't want to convert each file manually. Is there another way of playing user-uploaded Videos instantly ? Thanks for your help in advance.

  


  I am using this Code, but it has nothing to do with the streaming itself I guess :

  


    <source src="Clap.mp4" type="video/mp4">&#xA;Your browser does not support the video tag. &#xA;&#xA;</source>

  


  I also tried to use a js library :

  


    &#xA;&#xA;  &#xA;  <code class="echappe-js">&lt;script src=&quot;https://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js&quot;&gt;&lt;/script&gt;&#xA;&#xA;&#xA;&#xA;  &#xA;    &#xA;    &#xA;    
  &#xA;      To view this video please enable JavaScript, and consider upgrading to a&#xA;      web browser that&#xA;      supports HTML5 video&#xA;    
  &#xA;  &#xA;&#xA;  &lt;script src=&quot;https://vjs.zencdn.net/7.8.4/video.js&quot;&gt;&lt;/script&gt;&#xA;&#xA;
  

  


  In both cases I want to play Clap.mp4

  


• what protocol must use for broadcast live video ?

  19 août 2021, par user3807476

  A server is in the middle
And we want you to send live video to it

  


  And on the other hand, watch it through the HTTPS like https://server/live.pm4

  


  

  


  What protocols can be used for this purpose ?

  


  I used to do this experimentally with nodejs dgram and ffmpeg on the raw UDP and it worked fine !
but stability and security is an issue that must be observed !