Recherche avancée

Sur d’autres sites (8822)

• How to host a react.js ssr on vercel ?

  2 janvier 2024, par UltimateSheepConfusedAtCode

  I want to host a react.js server side rendering because of ffmpeg killing me with SharedArrayBuffer is not defined

  


  I've tried so many hosting service provider like firebase but now I want to host it to Vercel but I don't know how to make it works with react ssr. Can anyone help me ?

  


  When I run 'ssr' command in my machine it's work and ffmpeg is not throwing 'bad memory' or 'SharedArrayBuffer is not defined' but when I run it in vercel build command it stucks but the index.js/server.js is running I know because the main script is running and won't stop so the build is stuck but any solution ? I've search the problem but I guess nobody haven't asked this yet

  


  

  


  and this a code of package.json

  


  {
  "name": "ultimatesheep-vidreverse",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@babel/preset-env": "^7.18.10",
    "@babel/preset-react": "^7.18.6",
    "@babel/register": "^7.18.9",
    "@ffmpeg/core": "^0.11.0",
    "@ffmpeg/ffmpeg": "^0.11.0",
    "@testing-library/jest-dom": "^5.16.5",
    "@testing-library/react": "^13.3.0",
    "@testing-library/user-event": "^13.5.0",
    "bootstrap": "^5.2.0",
    "cors": "^2.8.5",
    "ignore-styles": "^5.0.1",
    "react": "^18.2.0",
    "react-bootstrap": "^2.5.0",
    "react-dom": "^18.2.0",
    "react-scripts": "5.0.1",
    "uuid": "^8.3.2",
    "web-vitals": "^2.1.4"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "ssr": "npm run build && node backend/index.js",
    "deploy": "npm run build && firebase deploy",
    "git" : "git add . && git commit -m 'ahawdaw' && git push -u origin main"
  },
  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "externals": {
    "react": "React"
  },
  "description": "This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).",
  "main": "backend/index.js",
  "keywords": [],
  "author": "",
  "license": "ISC"
}


  


  

  


• ffmpeg to YouTube with tee mux giving resolution warning (65535x65535), which is not optimal

  25 juillet 2022, par kuldeep chopra

  I am streaming to YouTube and Facebook using ffmpeg , also writing data into disk (recording).

  


  it's working fine on Facebook and recording but on YouTube it's giving warning that is

  


  Please check the video resolution. The current resolution is (65535x65535), which is not optimal.

  


  and output on YouTube is also 1:1 aspect ratio due to the above resolution.

  


  I am using tee mux in ffmpeg Command.

  


  ffmpeg -f dshow -framerate 30 -i video="Integrated Webcam":audio="Microphone Array (Intel® Smart Sound Technology (Intel® SST))" -s 1920x1080 -c:v libx264 -r 30 -preset ultrafast -tune zerolatency -crf 28 -pix_fmt yuv420p -c:a aac -strict -2 -ac 2 -b:a 128k -t 4 -map 0 -f tee "[f=ismv]pipe:1 | [f=flv]rtmps ://youtube | [f=flv]facebook"

  


• issue streaming to instagram with FFmpeg

  24 septembre 2021, par 1 K1

  Trying to stream from OBS using nginx server to Instagram using ffmpeg. There are no problem If I stream with a same settings to facebook. There is only a problem while streaming to Instagram. Also, if I do stream a video file instead of camera from OBS, there are no problem. So there is a problem While streaming from OBS through nginx server with ffmpeg.

  


  command is : ffmpeg -i rtmp://192.168.12.190:1935/live -filter_complex " [0] transpose=dir=1 [rotated] ; [rotated] scale=480:-2 " -max_muxing_queue_size 9999 -preset superfast -b:v 2000k -minrate 1500k -maxrate 3000k -bufsize 3200k -vcodec libx264 -r 30 -f flv rtmps://live-upload.instagram.com:443/rtmp/!streamKey!

  


  Getting following log from mmpeg :

  


  ffmpeg version N-90636-gc837918f50 Copyright (c) 2000-2018 the FFmpeg developers
 built with gcc 7.3.0 (GCC)
 configuration: --enable-gpl --enable-version3 --enable-sdl2 --enable-bzlib --enable-fontconfig --enable-gnutls --enable-iconv --enable-libass --enable-libbluray --enable-libfreetype --enable-libmp3lame --enable-libopencore-amrnb --enable-libopencore-amrwb --enable-libopenjpeg --enable-libopus --enable-libshine --enable-libsnappy --enable-libsoxr --enable-libtheora --enable-libtwolame --enable-libvpx --enable-libwavpack --enable-libwebp --enable-libx264 --enable-libx265 --enable-libxml2 --enable-libzimg --enable-lzma --enable-zlib --enable-gmp --enable-libvidstab --enable-libvorbis --enable-libvo-amrwbenc --enable-libmysofa --enable-libspeex --enable-libxvid --enable-libaom --enable-libmfx --enable-amf --enable-ffnvcodec --enable-cuvid --enable-d3d11va --enable-nvenc --enable-nvdec --enable-dxva2 --enable-avisynth
 libavutil      56. 13.100 / 56. 13.100
 libavcodec     58. 17.100 / 58. 17.100
 libavformat    58. 11.101 / 58. 11.101
 libavdevice    58.  2.100 / 58.  2.100
 libavfilter     7. 14.100 /  7. 14.100
 libswscale      5.  0.102 /  5.  0.102
 libswresample   3.  0.101 /  3.  0.101
 libpostproc    55.  0.100 / 55.  0.100
Input #0, flv, from 'rtmp://192.168.12.190:1935/live':
 Metadata:
   Server          : NGINX RTMP (github.com/arut/nginx-rtmp-module)
   displayWidth    : 1280
   displayHeight   : 720
   fps             : 30
   profile         :
   level           :
 Duration: 00:00:00.00, start: 836.994000, bitrate: N/A
   Stream #0:0: Audio: aac (LC), 48000 Hz, stereo, fltp, 163 kb/s
   Stream #0:1: Video: h264 (High), yuv420p(tv, bt709, progressive), 1280x720 [SAR 1:1 DAR 16:9], 5120 kb/s, 30 fps, 30 tbr, 1k tbn, 60 tbc
Stream mapping:
 Stream #0:1 (h264) -> transpose (graph 0)
 scale (graph 0) -> Stream #0:0 (libx264)
 Stream #0:0 -> #0:1 (aac (native) -> mp3 (libmp3lame))
Press [q] to stop, [?] for help
[libx264 @ 000001a25ad8e6c0] using SAR=1281/1280
[libx264 @ 000001a25ad8e6c0] using cpu capabilities: MMX2 SSE2Fast SSSE3 SSE4.2 AVX FMA3 BMI2 AVX2
[libx264 @ 000001a25ad8e6c0] profile High, level 3.1
[libx264 @ 000001a25ad8e6c0] 264 - core 155 r2901 7d0ff22 - H.264/MPEG-4 AVC codec - Copyleft 2003-2018 - http://www.videolan.org/x264.html - options: cabac=1 ref=1 deblock=1:0:0 analyse=0x3:0x3 me=dia subme=1 psy=1 psy_rd=1.00:0.00 mixed_ref=0 me_range=16 chroma_me=1 trellis=0 8x8dct=1 cqm=0 deadzone=21,11 fast_pskip=1 chroma_qp_offset=0 threads=18 lookahead_threads=3 sliced_threads=0 nr=0 decimate=1 interlaced=0 bluray_compat=0 constrained_intra=0 bframes=3 b_pyramid=2 b_adapt=1 b_bias=0 direct=1 weightb=1 open_gop=0 weightp=1 keyint=250 keyint_min=25 scenecut=40 intra_refresh=0 rc_lookahead=0 rc=abr mbtree=0 bitrate=2000 ratetol=1.0 qcomp=0.60 qpmin=0 qpmax=69 qpstep=4 vbv_maxrate=3000 vbv_bufsize=3200 nal_hrd=none filler=0 ip_ratio=1.40 pb_ratio=1.30 aq=1:1.00
Output #0, flv, to 'rtmps://live-upload.instagram.com:443/rtmp/___my_key_here':
 Metadata:
   Server          : NGINX RTMP (github.com/arut/nginx-rtmp-module)
   displayWidth    : 1280
   displayHeight   : 720
   fps             : 30
   profile         :
   level           :
   encoder         : Lavf58.11.101
   Stream #0:0: Video: h264 (libx264) ([7][0][0][0] / 0x0007), yuv420p, 480x854 [SAR 1281:1280 DAR 9:16], q=-1--1, 2000 kb/s, 30 fps, 1k tbn, 30 tbc
   Metadata:
     encoder         : Lavc58.17.100 libx264
   Side data:
     cpb: bitrate max/min/avg: 3000000/0/2000000 buffer size: 3200000 vbv_delay: -1
   Stream #0:1: Audio: mp3 (libmp3lame) ([2][0][0][0] / 0x0002), 48000 Hz, stereo, fltp
   Metadata:
     encoder         : Lavc58.17.100 libmp3lame
[tls @ 000001a25b642e40] Error in the push function.
av_interleaved_write_frame(): I/O error
   Last message repeated 1 times
[flv @ 000001a25bc4db80] Failed to update header with correct duration.
[flv @ 000001a25bc4db80] Failed to update header with correct filesize.
Error writing trailer of rtmps://live-upload.instagram.com:443/rtmp/___my_key_here__: I/O error
frame=   62 fps=0.0 q=11.0 Lsize=     265kB time=00:00:07.05 bitrate= 307.2kbits/s speed=17.1x
video:175kB audio:111kB subtitle:0kB other streams:0kB global headers:0kB muxing overhead: unknown
[tls @ 000001a25b642e40] The specified session has been invalidated for some reason.
   Last message repeated 1 times
[libx264 @ 000001a25ad8e6c0] frame I:1     Avg QP:14.37  size: 12215
[libx264 @ 000001a25ad8e6c0] frame P:16    Avg QP:14.39  size: 13130
[libx264 @ 000001a25ad8e6c0] frame B:45    Avg QP:15.80  size:  4828
[libx264 @ 000001a25ad8e6c0] consecutive B-frames:  3.2%  0.0%  0.0% 96.8%
[libx264 @ 000001a25ad8e6c0] mb I  I16..4: 52.2% 22.7% 25.1%
[libx264 @ 000001a25ad8e6c0] mb P  I16..4:  0.2%  0.6%  0.7%  P16..4: 48.7%  0.0%  0.0%  0.0%  0.0%    skip:49.8%
[libx264 @ 000001a25ad8e6c0] mb B  I16..4:  0.0%  0.0%  0.0%  B16..8: 16.1%  0.0%  0.0%  direct:21.1%  skip:62.7%  L0:38.2% L1:50.0% BI:11.8%
[libx264 @ 000001a25ad8e6c0] final ratefactor: 16.75
[libx264 @ 000001a25ad8e6c0] 8x8 transform intra:26.5% inter:48.4%
[libx264 @ 000001a25ad8e6c0] coded y,uvDC,uvAC intra: 58.0% 51.2% 38.8% inter: 22.3% 27.8% 13.6%
[libx264 @ 000001a25ad8e6c0] i16 v,h,dc,p: 95%  2%  2%  1%
[libx264 @ 000001a25ad8e6c0] i8 v,h,dc,ddl,ddr,vr,hd,vl,hu: 60%  4%  9%  2%  4%  9%  2%  6%  4%
[libx264 @ 000001a25ad8e6c0] i4 v,h,dc,ddl,ddr,vr,hd,vl,hu: 51%  8% 11%  5%  4%  9%  2%  7%  3%
[libx264 @ 000001a25ad8e6c0] i8c dc,h,v,p: 65%  8% 21%  6%
[libx264 @ 000001a25ad8e6c0] Weighted P-Frames: Y:0.0% UV:0.0%
[libx264 @ 000001a25ad8e6c0] kb/s:1701.52
Conversion failed!