I need to stream camera and microphone data from a browser to a server, ideally using a standard encoding like WebM. I would prefer to do this without using WebRTC because I don't need to negotiate any peer-to-peer connection. Is there a way to do this with HTML5 + JS? So far I've only found ways to record a stream on the client side, or forward a stream using WebRTC.
Related
I am sending a live RTMP stream from OBS to Wowza Streaming Engine and playing it back in JW Player on my website. Members of my website will be able to stream to their own "channels".
The only issue is that if a viewer on my website views the source, he/she can access the stream key. If a user gets another users stream key, then they would be able to stream to their channel.
What is a good way to protect this stream key?
You can write a module that does a server issued token based authentication. There also exist a free limited version of some commercial modules for similar purpose. Here is an article that shows how to start the work: https://streamtoolbox.com/hello-wowza-module-tutorial
I am writing a web based app the requires real time audio manipulation, specifically a pitch shift in a users voice. For now my prototype uses GarageBand to pitch shift and soundflower to redirect the audio as my input audio source on the browser. Then using webRTC (simple webRTC library)I send a users web cam video and the manipulated webRTC stream to other browsers. This works great in Firefox but I have not had luck with chrome. The video channel is received fine but the audio is only silent on chrome. Any ideas ?
Let's say we have a chat app and we want users to be able to send images.
Would it be appropriate to convert the image to Base64 in order to send the image through the websocket? A few posts I was reading mentioned this wouldn't be a good use of websockets, so would it be better to have an endpoint for images, and tie that image to the message on upload completion?
Totally new to websockets, so I'm not really sure what to do here.
You can use XMLHttpRequest for file upload and then send the link along with the data through websocket.
Uploading file through websocket will require extra code at the server side to convert the received data to files.
Also check http://binaryjs.com/
BinaryJS is bidrectional realtime binary data with binary websockets
As of today, XMLHttpRequest is the standard most of the companies are using for the file upload, some of the reasons for choosing HTTP are support for caching, gzipping, authentication, firewall, browser compatibility and horizontal scaling.
How to disable video streaming while video streaming is already invoked? Like in Facebook Messenger, it can turn video call to voice call only.
At the moment, you'll have to tear down and recreate the whole connection with audio only, as Kurento does not support renegotiation. We are working on it, though!
Is it possible to access YouTube live stream content (video/audio) in Javascript and Web Audio API e.g. for real-time mixing of the audio content?
Is the payload HTML5 compatible or is it Flash only?
... or is access to these streams limited via CORS or licensing clauses?
In my case, live streams would be created in Google Hangout http://www.google.com/+/learnmore/hangouts/onair.html
You can only access the content for HTML5 streams, and of course I'd expect this would not be available in the future for encrypted streams. Hangouts use a plugin right now, so you can't do this.