A browser-to-browser live streaming system - cross-browser

I'm trying to put in place a browser-to-browser live streaming website.
So, a foobar user can stream (live) his webcam (video and/or audio) from his webpage (http://www..example.com/admin/foobar) and others can receipt the stream on his public webpage (http://www.example.com/public/foobar).
What is the simplest solution to do that? How can I do it?
Thanks,
Regards.

WebRTC is the best way to handle the browser-to-browser-communication through a website. It supports audio- and video- live transfer.

Related

How do I preview OBS (twitch like) livestream screen capture on sample html5 webpage on localhost ?

I'm currently working over a livestream platform like Twitch and I still can't figure out how to pass the data captured from OBS (Open Broadcast Software) to localhosted HTML5 webpage.. I mean to visualize the stream.. If someone has been working in this areas I will be very thankful to help me or at least to give me the idea of how to do it.
Thanks in advance,
A friendly user. :)
If I'm not mistaken, the OBS default output format is RTMP so you will need a player that supports Flash RTMP input. There are a few free options out there such as JWPlayer.
https://support.jwplayer.com/customer/portal/articles/1430349-about-rtmp-streaming
Here is a Wowza RTMP test player, too.
http://www.wowza.com/resources/3.5.0/examples/LiveVideoStreaming/FlashRTMPPlayer/player.html

Audio and Video capture from webcam using html5

I need some help/suggestion . I'm building a website using PHP, MySQL, HTML5, CSS and I'm stuck at a point.
I have few queries regarding Audio and Video capture from webcam using HTML5.
Is it possible to capture audio and video (Audio and Video means , audio separately, video which will record the audio too [for an example say some one is singing]) from webcam using html5 and PHP or JavaScript code and store it at local pc or in a Live servers pace where I want to ?
Also if it is not possible using html5 , can anybody please suggest a solution? May be using flash or some 3rd party application which I can use in my website with no restriction!
Can anyone help?
You can rent a server with Flash Media such as www.influxis.com and develop the capture part using flash.
HTML5 supports getUserMedia, as documented at http://dev.w3.org/2011/webrtc/editor/getusermedia.html
A good article on this (including examples that actually work, with code) is available here http://www.html5rocks.com/en/tutorials/getusermedia/intro/

Is it possible to play HTTP Live video on a browser? 2012

I was wondering if it is possible to stream to the user HTTP Live video. NOT a video file.
LIVE video. Using any technology. Flash or HTML5. I did some research and most of the players I found support live streaming but most of them mean youtube-like style streaming, where you can click further in the video and get the video loading. I am talking about LIVE video, happening the same time the user watches the video.
I got the incoming HTTP packets, stored in a file called "current_frame.h264". This files gets updated as the packets come in. It does NOT grow in size, just get updated. (stays at around 17-20kb). Now I want to take this file and show it on a browser. Anybody can help me out?
Apple developed something like that a while ago: https://developer.apple.com/streaming/
All you need is a webserver and a HTML5 enabled webpage.
With this technology you also have the ability to stream different quality files based on the connection (mobile usage for example)
https://developer.apple.com/library/archive/documentation/NetworkingInternet/Conceptual/StreamingMediaGuide/UsingHTTPLiveStreaming/UsingHTTPLiveStreaming.html

Embedding Video Cross Browser, Single format / Embed

I have a task ahead of me that I do not know the easiest way to address. Currently I am building out an admin section in Symfony for a client and she would like to upload video. She has the capability of conversion and will use the format I specify but I just do not know what the best on is for cross browser compatibility. I think .mov seems pretty good but I do not know. I would like simple embed code and to swap out the video src with js. Any and all help appreciated as always.
Thank you in advance,
J
I think currently the best option is H264 in a mp4-container with Flash based video player such as
http://flowplayer.org/
http://www.longtailvideo.com/players/jw-flv-player/
If you want use HTML5 video I would suggest that you use some flash hybrid to get maximum browser support
Check this out:
http://www.longtailvideo.com/support/jw-player/jw-player-for-html5

HTML5: Real-time sound

Can HTML5 (or anything in the browser) be used to transmit sound in real-time? Like Skype for example?
Thanks
You can play and possibly stream sound using the tag from server to browser. You cannot access the computers microphone using html5. You will need flash or java for this.