Giter Site home page Giter Site logo

canvas-streaming-example's People

Contributors

bradisbell avatar michaelobriena avatar randallb avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

canvas-streaming-example's Issues

Updating license?

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.

properly save to video file

i want to save the incoming blobs to a webm video file but the file that is generated isnt playable any clue?

Stop ws.send(e.data);

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?

Failed to load blob error

Hello, I am trying to sent a blob to our server using websockets and following your example. I get however the following error: "Failed to load blob - error code is 4"

89953002-f7aee380-dc36-11ea-99b5-ab91b916ba3d

I do succeed sending different messages using websockets.

Video image scrambled

Hi there,

We are following the example here but after a couple of minute, we started to see this on Facebook. We can still hear the audio though.

Is there anyone knows what's this problem?

prob

Thanks

WSS Proxy

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.upgradeReq is undefined

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?

Video stream stops when tab is in background

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.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.