StreetJelly BLOG: Community News, Video Streaming, Online Busking, and more…
Home » Posts tagged "microphone"

WebRTC and Live Streaming

What is WebRTC and how it applies to live streaming in 2017?
Subtitle – The Rise and Fall of Plugins.

By definition, WebRTC stands for “Web Real Time Communications.” Wikipedia defines it as: a collection of communications protocols and application programming interfaces that enable real-time communication over peer-to-peer connections. That makes a whole lot of sense, right? In practical terms, it means that browsers and mobile devices can talk with each other, hardware on your computer, and other websites in a gee-whiz cool new way. This improves live streaming by making it easier to access your webcam and microphone, and efficiently broadcast crisp clear video and audio across the internet. WebRTC is easier to understand by explaining what it’s not – it is NOT a plugin.

“Howdy, plugin pardner.”
When the wacky web world (www) first started, it was mainly text, with some basic images and logos to make it look pretty. The “browser” was invented to read this text. That’s all it needed to do, browse and display “pages” over the “web.” Hence, the webpage was born. By its very nature, a browser can not – and should not – do anything but read a webpage and display it to the viewer. It could not in anyway have writing capabilities or access anything on your computer. This was a major security feature built into all browsers from day one. A webpage anywhere in the world, presumably even a webpage made by nasty people, could be read. But it could not access your hard-drive and delete everything you owned. Makes sense, right?! That very basic notion of a browser being unable to access any of your hardware, webcams and microphones included, made surfing the internet safe.

In the early days of live streaming, ‘er web-camming, we had to download and install specific software onto our computers to get video to stream. Adobe’s Live Media Encoder (FMLE) was one of the originals. Most of the webcam hardware companies, on the other hand, would also include their own software to get their cams to broadcast. These proprietary bundles usually only worked peer-to-peer with another webcam from the same manufacturer and same software. Sneaky! By the way, this was all before Skype and even the first generation of cam sites. Installing specific software on your computer (remember .exe’s?) was the only way this all worked.

Then along came the brilliant idea of running a mini software program INSIDE a browser and not as stand alone software. We call these gunslingers “plugins.” They still had to be downloaded and installed, but they were a powerful solution that allowed webpages to do more than just display text and images. For us web programmers, the plugin was our hero! We could now make a webpage, and an entire website, act like a real piece of software. We could change an “application” by the next time you returned to our website, without having you to buy or download an entire new version of our software. Oh, the potential we had with the dawn of “Web 2.0.”

Adobe Flash Player was one of the first and most successful plugins for many reasons. The Flash plugin did 99% of all the work we ever wanted to do in a website application. As a programmer, why would you write your own plugin to override the video-card graphics accelerator to smoothly animate a cartoon bird? This was already written and available in Flash, for free! It made our lives much easier. And it made your life better, too. Overnight, websites were no longer static pages, but full fledged software applications. Did Flash do everything we needed for programmers? No. But for the few things we needed extra, we wrote our own tiny plugins. The beauty of it all was that the plugins we created could live side by side with the main Flash plugin that did the heavy lifting.

“This town ain’t big enough for the two of us.”
[Queue the creepy western villain whistling]
As we all enjoyed this web gold-rush of possibilities, the scoundrels out there realized how easy it was to take-over-your-computer with a plugin. After all, a plugin is real software you downloaded from God-knows-where and you gave access to everything holy inside your computer. Yikes. And yes, real exploits existed in this set up. More and more, we learned never to accept a plugin from any website that felt shady. And more and more, Adobe released version updates to make their Flash player – the head-honcho plugin of all plugins – to be safer. To this day, Adobe makes a version update on a regular monthly schedule. It’s remarkable due diligence when you think about it.

The days of the plugin are nearing an end, though. History will recycle them off into the trash heap along with 8-tracks, betamax, and transistor radios. There is a better way, it’s called WebRTC and its brother HTML5. The browser manufacturers have agreed on a common protocol where all browsers, eventually, will be able to access certain hardware on your computer (webcams and microphones in our case) in a safe and secure way. They also will be able to communicate across the internet in a safe and secure way. All this behavior will be built-in and part of the browser itself – nothing to download and install. Plugins are considered so potentially unsafe, that the browser makers agree that they will disable all use of plugins in the very near future. WebRTC has been in the making for a number of years and will replace plugins. WebRTC is currently mature enough to use in a commercial application website …in Chrome.

Wait, what? This only works in Chrome? Not exactly. Firefox and the other main browsers are right up there in implementing WebRTC / HTLM5 with all its features and security. However, the web giant Google makes Chrome. They are the leader and driving force behind this (my opinion). What they create and perfect first in Chrome, like it or not, becomes the de facto standard. StreetJelly is re-writing its broadcasting software with WebRTC first in Chrome. The Firefox configurations and settings are slightly different. We want to make sure all is running smoothly in Chrome, then we’ll tackle Firefox and the rest. In other words, we’ll be broadcasting WebRTC in Firefox, MS Edge, and Safari real soon!

Don’t roll the sunset clip yet…
What about Adobe Flash? How can it go away? Half the web still uses it! That is very true. The browser makers are making concessions to our aging hero. Chrome has already blocked all old-style plugins, but has built in their own version of Flash player internal to Chrome. Whether you refuse to download Flash from Adobe’s website or not, Chrome has its own version already on your computer. Google and Adobe are in a close relationship to make sure it’s safe. Firefox will be cutting all access to old-style plugins by 2017. It, too, will have its own internal version of Flash like Chrome. But eventually, our hero – the Adobe Flash plugin – will fade away forever.

It’s a brave new world …again.

Frank Podlaha
CEO and Founder
…and Chief Propeller-Head

Ok, now queue the sunset…

UPDATE about Firefox: As of today, 1/3/17, Firefox is at Version 50 for the general public. In Version 52, they will turn off the old style plugins (npapi). But you will still be able to turn them back on in the browser settings (type about:config in the address bar). Version 52 is scheduled to be released March 7, 2017. In Version 53, they will turn off old style plugins completely! Version 53 is scheduled for release on April 18, 2017.

Simple Stereo Broadcasting by Bill Hall

Special guest blog by StreetJelly performer: Bill Hall.
Thoughts on the new StreetJelly.com “Jellycaster” stereo broadcasting process (and optional simple stereo set up).

Bill HallOverview:
The StreetJelly.com stereo broadcasting system nicknamed “Jellycaster” not only supports stereo broadcasting but it supports such broadcasting in exceptional high fidelity. I believe it is as good or better than you will have available on any other streaming sites. On StreetJelly, we have a very varied group of performers with different ways of presenting their music and all will benefit from this excellent available sound process.

For example: Some musicians add pre-recorded stereo background tracks from commercially available software programs such as “band in a box” or even separate drum machines. Some performers like adding effects such as reverb, chorus and vocal harmonizers. All can be done with varying amounts of complexity and all can sound great when heard via the Jellycaster.

My own simple stereo set up:
In my particular case, I use two microphones in a simple stereo setup called an XY configuration (described well in the Shure stereo microphone tutorial link below). I set up the microphones about chin level and two feet away to pick up my guitar and vocal as one stereo signal. Please note: I am by no means saying it is the best way to go but it just works for me and is simple to set up for acoustic musicians/singers. It also is a very pure stereo signal.

Getting a simple stereo set-up into the computer:
Some choices for transferring this type of simple stereo broadcasting into the computer are: 1) Use a USB audio interface, containing some good mic pre-amps and good analog to digital converters (Mackie, M-Audio, Pre-sonus and other companies produce these). They are now relatively inexpensive A simple two channel version is about $100-$200 U.S.. 2) Use one of the nice USB stereo microphones available today for a reasonable price, or 3) Buy a small format USB mixer that has at least two channels equipped with simple one knob compressors and effects (most importantly reverb).

My recommended option:
For the simple type of stereo set up as described herein, I recommend option 3). It gets you all the basic variables that are most important for good sound. Companies such as Yamaha, Behringer, and Samson make stereo USB mixers for $100-$200 U.S. equipped as described herein. This allows you to to apply some reverb for a little ambiance to all Channels (usually 4-12 in small format mixers). That said, all you need for an XY set up are two channels with a little stereo reverb and some simple compression (to make the overall sound a little fuller and tame the peaks a bit).
Below, is a link to Samson’s YouTube video describing their models just to give a nice idea of the essential features. Note: all the brands have nice microphone pre-amps on these models nowadays.

Summary:
Again, this is just a recommendation for getting there simply. More elaborate set-ups will sound wonderful on the Jellycaster as well. Contact me if you want any help setting up such a simple system at billhall@billhall.us

Thanks to Frankie and Martina for getting this great Stereo option in place.
Bill

Shure Website – Stereo microphone configuration (see XY)
http://www.shure.co.uk/support_download/educational_content/microphones-basics/stereo_microphone_techniques

Samson on YouTube – good simple video included on their small format stereo mixers

How to Video – Simple USB Mic and Cam Setup

StreetJelly musicians Merv and Amanda from ImageAndFamily demonstrate the Samson Meteor Mic USB Studio Microphone and a Microsoft Life Cam for use on StreetJelly. It’s very simple to get a clean sound and clear video with these easy to use products. You don’t have to be a computer geek or sound engineer to get up and running quickly on StreetJelly.

 


Got any questions? We’d be happen to answer them. Add them below…