api.video livestream a video
api.video is the video infrastructure for product builders. Lightning fast video APIs for integrating, scaling, and managing on-demand & low latency live streaming features in your app.
Use your webcam, browser and NodeJS to stream live video from a webpage to your users.
Based on the https://github.com/chenxiaoqino/getusermedia-to-rtmp codebase, this project allows you to stream directly from the browser to your RTMP endpoint (in this case I am using api.video to distribute my stream.)
Since my Livestream is already established at api.video - there are no API keys or authentication needed, the video will just playback, and anyone with the URL for the playabck will be able to watch. (I am not providing the playback url - this is not a "free streaming tool" :) ).
Requiremennts: The website will only work in Chrome, Edge and Firefox (Safari/Webkit does not yet support the MediaRecorder API, so unfortunately, no browsers on iPhones will work).
The Node backend takes the webcam video, and transcodes it into FLV format - so it can be ingested by any "live straeming" site with an RTMP endpoint, which is configurable in the form on the page.
The default RTMP endpojnt is a livestream hosted at api.video.
Note: The RTMP endpoint in the code is streaming into my account - and I can see all your videos. Please wear pants. :D
Camera usage on a webpage
In order to use the webcam in the browser, your site must be served via HTTPS, or you users will have to bypass a security message every time they go to yur site (will work in Chrome, but not in Firefox).
Alternatively: If you host this site locally on your computer, localhost will allow you to use the camera
To launch your own local version on localhost, simply clone the repo and run "node server.js" on the command line. Youo'll need FFMPEG on the server to do the transcoding.
In your browser, go to localhost:1437 - and you are up and running!
clone the repo
npm install (for all dependencies)
Try it out!
This is running at livestream.a.video