fbsamples / canvas-streaming-example Goto Github PK
View Code? Open in Web Editor NEWThis project contains example code showing how to go live on Facebook using a <canvas> element as a source.
License: Other
This project contains example code showing how to go live on Facebook using a <canvas> element as a source.
License: Other
Have you considered updating the license of this repo to MIT? As mentioned in #3, this code offers a fastinating way to stream from the canvas to any RTMP server. While usage with Facebook Live is thoroughly documented in the readme, it would benefit the larger community to allow alternative server usage.
i want to save the incoming blobs to a webm video file but the file that is generated isnt playable any clue?
I did the whole procedure according to all instructions, but every time I run ws for and get this error "ws.send (e.data);" Would you help me?
So I want to try canvas streaming to HLS. Can this code be tweaked to do that?
Thanks,
Ray
Hello, I'm having a lot of fun with this sample
I have setup my own RTMP server for streaming to and broadcasting works fine.
However, I need this functionality on a secure https page. Of course, ws:// wont work.
I have setup Apache mod_proxy and mod_proxy_wstunnel before for a webrtc project, and that works fine. For this node project, in Apache sites-enabled I set ProxyPass and ProxyPassReverse to:
"/node http://127.0.0.1:3000" and "/node-ws ws://127.0.0.1:3000"
respectively. The canvas loads over https but when I hit the Go Live button, I get the error:
WebSocket connection to 'wss://hostname.com/rtmp/rtmp%3A%2F......' failed: Error during WebSocket handshake: Unexpected response code: 404
Anybody have suggestions how I can resolve this?
WS module version 3.0.0 does not have upgradeReq anymore #1099.
That is really a major breaking change.
We can add req
object to on Connect
to get the url.
I have raised a PR with these changes:
#5
Am i missing something?
I use the code to stream video to my own RTMP server (not Facebook's). When the tab where the stream comes from is in background (i.e. the other tab is active), the browser (Chrome) stops sending the video to the server (but audio, which comes from an AudioContext, keeps sending). Even if i use CaptureStream from a video element, not a one, the stream also stops. Are there any workarounds for this case?
I've even disabled "Throttle expensive background timers" flag in Chrome.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.