This Chrome extension showcases controlling the Stream Video Demo using an Elgato StreamDeck or similar hardware device.
It is required to have the MuteDeck desktop app installed. MuteDeck is an application bridging the gap between browserbased calling applications and a hardware device like a StreamDeck. Beyond StreamDecks, MuteDeck also supports LoupeDeck and TouchPortal.
StreamMuteDeck-muted.mov
- Download and install the MuteDeck app
- Install the StreamDeck plugin.
- Clone the StreamMuteDeck Chrome Extension repository to a local folder:
git clone https://github.com/GetStream/StreamMuteDeck.git - Copy the file
config.js.exampletoconfig.js. - Install the StreamMuteDeck Chrome Extension from your file system into your Chrome-based browser.
Installing and configuring the MuteDeck app and StreamDeck plugin shouldn’t be too hard.
However, installing an unpacked extension might require some explanation. Also, we have not released our extension to the Chrome Extension Store because it might make end users think it works for any website using Stream Video. (It does not.) But if you use Stream Video in your product, it should be straightforward to pick up our Chome Extension source code and adjust it to your situation.
Our StreamMuteDeck extension only works on our Video SDK web demo instance and our internal video calling system implemented using Stream Video, because the extension requests permissions for specific website URLs. When you’re following the steps below to build and distribute your own custom Chrome Extension, you’ll change the website URL to match your own website.
To install the StreamMuteDeck Chrome Extension:
- Navigate to chrome://extensions/ on a Chrome browser.
- Enable the “Developer mode” toggle at the top right.
- Click the button at the top left called “Install Unpacked Extension”
- In the file dialog that opens, navigate to the directory where you cloned the StreamMuteDeck Chrome extension repository.
To learn more about Chrome Extension Development.
Stream allows developers to rapidly deploy scalable feeds, chat messaging and video with an industry leading 99.999% uptime SLA guarantee.
With Stream's video components, you can use their SDK to build in-app video calling, audio rooms, audio calls, or live streaming. The best place to get started is with their tutorials:
- Video & Audio Calling Tutorial - React, React Native, JavaScript
- Audio Rooms Tutorial - React, React Native, JavaScript
- Livestreaming Tutorial - React, React Native, JavaScript
Stream provides UI components and state handling that make it easy to build video calling for your app. All calls run on Stream's network of edge servers around the world, ensuring optimal latency and reliability.
Stream is free for most side and hobby projects. To qualify, your project/company needs to have < 5 team members and < $10k in monthly revenue. Makers get $100 in monthly credit for video for free.
Here are some of the features we support:
- Developer experience: Great SDKs, docs, tutorials and support so you can build quickly
- Edge network: Servers around the world ensure optimal latency and reliability
- Chat: Stored chat, reactions, threads, typing indicators, URL previews etc
- Security & Privacy: Based in USA and EU, Soc2 certified, GDPR compliant
- Dynascale: Automatically switch resolutions, fps, bitrate, codecs and paginate video on large calls
- Screen sharing
- Picture in picture support
- Active speaker
- Custom events
- Geofencing
- Notifications and ringing calls
- Opus DTX & Red for reliable audio
- Webhooks & SQS
- Backstage mode
- Flexible permissions system
- Joining calls by ID, link or invite
- Enabling and disabling audio and video when in calls
- Flipping, Enabling and disabling camera in calls
- Enabling and disabling speakerphone in calls
- Push notification providers support
- Call recording
- Broadcasting to HLS