Comments (6)
bradisbell
commented on September 14, 2024
What browser are you using?
Try outputting your stream to a file in-browser rather than writing it out to the Web Socket, and then test playing that video in VLC. If that is working, try passing that same file to FFmpeg with -re to replay it in realtime to Facebook. These steps will help you narrow down where the issue is occurring.
I had a similar issue once where the encoding computer wasn't able to keep up a reasonable framerate. Since Facebook optimizes for low latency, if the video stalled out for too long, sometimes the stream would become corrupted.
from canvas-streaming-example.
namgk
commented on September 14, 2024
Thanks so much for the hints. Yes I tried to save it to a file and it
didn’t have any problem.
I’m using Chrome, too bad it doesn’t allow you to tune the encoding
profile.
Since ffmpec use vcopy I guess it doesn’t do any encoding thing rather than
proxying the video to Facebook. So it has to do with the web browser right?
Your issue was with the computer with the web browser or the ffmpeg part?
…On Saturday, 16 March 2019, Brad Isbell ***@***.***> wrote:
What browser are you using?
Try outputting your stream to a file in-browser rather than writing it out
to the Web Socket, and then test playing that video in VLC. If that is
working, try passing that same file to FFmpeg with -re to replay it in
realtime to Facebook. These steps will help you narrow down where the issue
is occurring.
I had a similar issue once where the encoding computer wasn't able to keep
up a reasonable framerate. Since Facebook optimizes for low latency, if the
video stalled out for too long, sometimes the stream would become corrupted.
—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
<#2 (comment)>,
or mute the thread
<https://github.com/notifications/unsubscribe-auth/AA9PoH9X5ZvXUoTPdYR9oFzb49MDcLUyks5vXeSCgaJpZM4b4MpS>
.
from canvas-streaming-example.
bradisbell
commented on September 14, 2024
If you feed that same file into Facebook via FFmpeg, is the problem reproducible? If so, can you upload that file somewhere? Perhaps a Facebook engineer can use it to reproduce the problem on their end.
The problem I had previously was on the browser end. Excessive CPU load caused frames to drop out for more than the length of a typical keyframe, which caused similar visual issues. Additionally, if the output video ends up automatically scaling (due to load), and if it does so rapidly, this can also cause issues in the Facebook video.
from canvas-streaming-example.
namgk
commented on September 14, 2024
Thanks,
It seems Facebook requires a key frame interval of 2 secs, which I’m not
sure how to achieve with the web browser encoder.
I’ll try to stream the prerecorded video.
…On Sunday, 17 March 2019, Brad Isbell ***@***.***> wrote:
If you feed that same file into Facebook via FFmpeg, is the problem
reproducible? If so, can you upload that file somewhere? Perhaps a Facebook
engineer can use it to reproduce the problem on their end.
The problem I had previously was on the browser end. Excessive CPU load
caused frames to drop out for more than the length of a typical keyframe,
which caused similar visual issues. Additionally, if the output video ends
up automatically scaling (due to load), and if it does so rapidly, this can
also cause issues in the Facebook video.
—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
<#2 (comment)>,
or mute the thread
<https://github.com/notifications/unsubscribe-auth/AA9PoANdStZ4PNB6AMqL9E11L9GnX1ilks5vXnUbgaJpZM4b4MpS>
.
from canvas-streaming-example.
bradisbell
commented on September 14, 2024
Unfortunately, there's no way to set the keyframe interval with MediaRecorder. In the past, Facebook's Live API would accept video with different keyframe intervals. If that's no longer the case, you will have to transcode server-side by modifying that FFmpeg command line.
from canvas-streaming-example.
namgk
commented on September 14, 2024
Again, thank you very much!
from canvas-streaming-example.
Related Issues (9)
- Updating license? HOT 3
- Failed to load blob error HOT 2
- properly save to video file
- Video stream stops when tab is in background HOT 5
- Stop ws.send(e.data); HOT 2
- ws.upgradeReq is undefined HOT 1
- Canvas Streaming to HLS? HOT 2
- WSS Proxy HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from canvas-streaming-example.