You can use a browser to capture a webcam, microphone, screen, tab, or window, but that capture is not automatically an input MediaLive can ingest. The working design has separate stages: browser capture, a sender or relay that outputs a protocol MediaLive accepts, a configured MediaLive channel, and an output path for viewers. For an RTMP input, the sender must actually deliver a compatible RTMP stream; a browser MediaStream or WebRTC connection alone does not establish that compatibility.
How the browser-to-MediaLive path fits together
Think of this as a chain of components, not a direct connection from a browser API to an encoder:
- Capture: the browser obtains camera/microphone or display media after the user grants permission.
- Send or relay: an application, encoder, or gateway takes that capture and sends it using a transport supported by the MediaLive input you configure.
- Encode: MediaLive receives the source through its input and processes it according to the channel configuration.
- Deliver: the channel sends output to a destination, which may provide packaging, playback, and distribution for viewers.
A browser API returning a MediaStream does not mean the browser is sending RTMP. Likewise, a WebRTC sender is not an RTMP sender unless a separate component translates or relays the media into an accepted input protocol.
Choose what the browser captures
Webcam and microphone
getUserMedia() requests access to the camera and/or microphone and returns a MediaStream in supporting browsers. It requires a secure context, typically HTTPS, and the user can deny permission. The MDN reference for getUserMedia() describes the API and its browser behavior.
Windows Errors? Fix Them Before They Spread
Repair common Windows errors and clear accumulated junk for a smoother, more stable PC - no reinstall needed.Free scan · no reinstallCrashes, No Sound, or Screen Glitches?
Random freezes, missing sound and display glitches usually trace back to one bad driver. Find and replace yours safely.Free scan · under a minute#1 Best Overall
- Read Before You Buy — No Video Output: These adapters support charging and USB 2.0 data transfer, but cannot transmit video signals. Except for standard USB webcams (which use USB data only), they are not compatible with HDMI/DisplayPort cables, video-capable USB-C hubs, or docking stations with video output.
- Convert USB-A Ports to USB-C: Designed to connect USB-C earphones, cables, flash drives, card readers, and other USB-C accessories to standard USB-A ports. Plug-and-play with no drivers or software required.
- Aluminum Alloy Housing: Built with a sturdy aluminum alloy shell that aids in heat dissipation and protects against daily wear and scratches. Designed to maintain a stable and secure connection.
- Compact & Travel-Friendly: The ultra-compact design allows the adapter to stay plugged into your device without blocking adjacent ports or adding bulk, reducing wear and tear on your original USB ports.
- 12-Month Warranty: Backed by a 12-month manufacturer warranty for peace of mind. Designed to meet strict quality control standards for reliable everyday performance.
const stream = await navigator.mediaDevices.getUserMedia({
video: true,
audio: true
});This example only obtains tracks in the page. It does not encode or transmit them to MediaLive. In a real application, handle permission denial, missing or busy devices, and a track ending while the pop-up is live.
Screen, tab, or window
getDisplayMedia() prompts the user to select a display surface and returns a MediaStream. The available surfaces and whether system or tab audio can be captured vary by browser and platform; users must also be able to stop sharing. See MDN’s getDisplayMedia() reference and verify the exact browser/device combinations you intend to support.
Rank #2
- 5-in-1 USB-C Hub: Experience comprehensive connectivity featuring a Power Delivery input, two USB-A 2.0 ports, a USB-A 3.0 port, and an HDMI port. (Note: The USB-C power delivery input port is only for connecting an external wall charger to power your laptop and cannot power peripheral devices.)
- 90W Pass-Through Charging: Achieve optimal charging with 90W pass-through power to your laptop, supported by a total input of 100W, with the hub reserving 10W for operational efficiency. (Note: Wall charger not included.)
- Quick Data Transfers: Accelerate your productivity with rapid data transfers using a high-speed 5Gbps USB 3.0 port and two 480Mbps USB 2.0 ports.
- 4K HDMI Display: Enhance your visual experience with a hub capable of delivering 4K resolution at 30Hz in both mirror and extend modes. Please note that this hub is compatible with MacBook (macOS 12 and newer), Windows 10 and 11, ChromeOS, and laptops equipped with DP Alt Mode and Power Delivery. Note: This device is not compatible with Linux.
- What You Get: Anker USB-C Hub (5-in-1, 4K HDMI), welcome guide, 18-month warranty, and our friendly customer service.
const stream = await navigator.mediaDevices.getDisplayMedia({
video: true,
audio: true
});Here too, the result is captured media, not a defined network transport. Check the returned tracks and confirm that the selected surface and audio match what the event needs before handing them to a sender.
Pick the sender transport before creating the MediaLive input
First identify what will send the stream from the browser and which protocol that sender can emit. Then choose a MediaLive input compatible with that upstream system. AWS’s MediaLive input setup guidance treats an input as a connection to an upstream source and says to create the input and arrange upstream setup before creating the channel.
Rank #3
- Sleek 7-in-1 USB-C Hub: Features an HDMI port, two USB-A 3.0 ports, and a USB-C data port, each providing 5Gbps transfer speeds. It also includes a USB-C PD input port for charging up to 100W and dual SD and TF card slots, all in a compact design.
- Flawless 4K@60Hz Video with HDMI: Delivers exceptional clarity and smoothness with its 4K@60Hz HDMI port, making it ideal for high-definition presentations and entertainment. (Note: Only the HDMI port supports video projection; the USB-C port is for data transfer only.)
- Double Up on Efficiency: The two USB-A 3.0 ports and a USB-C port support a fast 5Gbps data rate, significantly boosting your transfer speeds and improving productivity.
- Fast and Reliable 85W Charging: Offers high-capacity, speedy charging for laptops up to 85W, so you spend less time tethered to an outlet and more time being productive.
- What You Get: Anker USB-C Hub (7-in-1), welcome guide, 18-month warranty, and our friendly customer service.
AWS lists input types including RTMP Push, RTMP Pull, SRT Caller/Listener, RTP, and HLS, among others for their applicable scenarios. For an RTMP Push design, the upstream sender must be able to push the expected RTMP stream to the endpoint and access configuration provided for the input. Confirm the current endpoint details, access restrictions, and availability for your account, Region, and channel in the AWS console and the MediaLive supported input types and protocols documentation.
AWS states: “MediaLive doesn’t support inputs using the RTMPS protocol.” That limitation is specifically about MediaLive inputs; do not infer from it that every AWS service or AWS Elemental product has the same support matrix.
Rank #4
- Dual Converters, Infinite Potential：Includes 2× USB C male to USB A female adapters and 2× USB A male to USB C female adapters. Perfect for a wide range of uses—tablets with Bluetooth keyboards, expand USB ports on macbook, and more. Two different converters for all your daily needs
- Next-Level 10Gbps & 3A Charging: No more slow 480Mbps, this usb to usb c adapter has a transfer speed of up to 10Gbps, allowing you to do more transferring in less time. This usb adapter fits both USB A and USB C charger, supporting up to 3A fast charging
- Upgraded Exquisite Craftsmanship: With an aluminum alloy housing and metal connector, the usbc to usb adapter is extremely durable and sturdy. Rigorously tested to withstand more than 10,000 times of plugging and unplugging, ensuring long-lasting performance
- Broad Compatible: The usb c to usb adapter widely supports all USB C/ USB A devices like laptops, tablets, cellphones, car chargers, and phone chargers. Such as compatible with MacBook Pro/Air 2023/2022, Thunderbolt 4/3 Devices,Apple MagSafe Watch 9/8/7/SE/Ultra, iPad Pro 2022/2021, Samsung Galaxy S23/S20/S10, and iPhone 17/16/15 Pro. Plug and play
- Please Note: To reach 10Gbps speed, keep the cable under 3.3 ft. For USB A Male to USB C adapters, try flipping the USB C connector. USB C Male to USB A adapters support bidirectional 10Gbps transfer within 3.3 ft
When a gateway or relay is needed
If your browser application sends WebRTC, but the MediaLive input is configured for RTMP, you need a component on the source side that can receive the browser’s transport and produce an input MediaLive accepts. The same issue applies if you record a browser stream with MediaRecorder: recording a MediaStream creates recorded media, but that fact alone does not make the recording a live transport bridge into MediaLive. MDN documents MediaRecorder as a recording API; AWS documents MediaLive inputs by supported upstream protocols. Verify the actual sender/gateway protocol, container and live behavior rather than assuming compatibility from an RTMP URL or a browser stream object.
No single gateway or conversion recipe follows from the protocol boundary alone. Select and validate an implementation that explicitly supports the browser-side transport you use and the MediaLive input type you configure.
Quick wins for a faster PC:
Fix the driver behind crashes, sound loss and screen glitchesFind Drivers →Repair Windows errors before they cause bigger problemsFix Now →Best Value
- 5-in-1 Connectivity: Equipped with a 4K HDMI port, a 5 Gbps USB-C data port, two 5 Gbps USB-A ports, and a USB C 100W PD-IN port. Note: The USB C 100W PD-IN port supports only charging and does not support data transfer devices such as headphones or speakers.
- Powerful Pass-Through Charging: Supports up to 85W pass-through charging so you can power up your laptop while you use the hub. Note: Pass-through charging requires a charger (not included). Note: To achieve full power for iPad, we recommend using a 45W wall charger.
- Transfer Files in Seconds: Move files to and from your laptop at speeds of up to 5 Gbps via the USB-C and USB-A data ports. Note: The USB C 5Gbps Data port does not support video output.
- HD Display: Connect to the HDMI port to stream or mirror content to an external monitor in resolutions of up to 4K@30Hz. Note: The USB-C ports do not support video output.
- What You Get: Anker 332 USB-C Hub (5-in-1), welcome guide, our worry-free 18-month warranty, and friendly customer service.
Create the input, channel, and output path
- Prepare the upstream sender. Decide how the browser capture reaches the sender or gateway, what protocol it emits, and how the source endpoint is secured. Keep the browser capture and the MediaLive-facing protocol as distinct configuration tasks.
- Create the MediaLive input. Select the input type that matches the sender’s actual protocol and configure the upstream connection details required for that input. Confirm that the source can reach the configured endpoint.
- Create and configure the channel. Attach the input and set the encoding and output configuration for the event’s intended destination. Input type, encoding choices, and output destination are separate decisions; use the settings supported for the specific channel and destination rather than assuming a browser capture API selects them.
- Configure viewer delivery. Decide how viewers will receive and play the output. An encoder output is not automatically a viewer-facing player or CDN URL.
One AWS reference design uses MediaLive to encode adaptive-bitrate HLS outputs and AWS Elemental MediaPackage to package them for HLS, DASH, and CMAF playback. AWS presents this in its Live Streaming on AWS architecture details; it is an example architecture, not a mandatory topology for every pop-up stream. Choose a downstream path that fits the channel output and the player/distribution needs of your event.
Validate the complete stream before the event
Test the whole path in the browsers, devices, and AWS Region you plan to use. A successful browser permission prompt is only the first checkpoint.
- Confirm that the intended camera, microphone, or display surface can be selected and that the expected audio and video tracks are present.
- Test denied permissions, unavailable devices, a user stopping screen share, and capture tracks ending unexpectedly.
- Verify that the sender or gateway is emitting the protocol and stream expected by the configured MediaLive input.
- Check that the MediaLive input reaches an active state, the channel starts, and the configured output becomes available at the destination.
- Play the output using the intended viewer player, then test stopping the browser capture, sender, channel, and any downstream packaging or distribution cleanly.
These are implementation checks, not a claim that a particular browser-to-MediaLive configuration has been tested. The available documentation establishes browser capture behavior, MediaLive input protocols, and an example output architecture; it does not establish a specific third-party bridge’s compatibility, latency, reliability, or cost.
Troubleshoot by locating the broken stage
| Symptom | Likely stage to inspect | What to check |
|---|---|---|
| The browser shows no preview or capture fails | Browser capture | Use a secure context, check the permission decision and device availability, and verify that the browser/platform supports the selected capture and audio options. |
| Preview works, but MediaLive receives no source | Sender or input transport | A preview proves capture, not delivery. Confirm that the sender is active, emits the protocol configured on the input, and can reach the correct input endpoint with the required access settings. |
| A WebRTC stream cannot connect to an RTMP input | Protocol boundary | Use or configure a relay/encoder that accepts the browser-side transport and produces a MediaLive-supported input protocol. Do not treat the browser’s MediaStream as RTMP. |
| An RTMPS input attempt fails | MediaLive input protocol | MediaLive does not support RTMPS inputs. Revisit the input and upstream sender design using a supported protocol, while keeping security and endpoint requirements in view. |
| The channel runs, but viewers cannot watch | Output and delivery | Check the configured destination, any packaging/distribution service, and the player URL and playback compatibility. Channel encoding alone does not supply the complete viewer path. |
Or let it run in the cloud
For a different use case—keeping an uploaded, prerecorded video live on YouTube—StreamNeo runs the loop in the cloud. It is not a browser-to-MediaLive bridge and does not broadcast a live camera or screen capture: you upload a recording or build a playlist, add your YouTube stream key, and go live. Nothing has to stay on at home; it streams uploaded quality up to 4K 60fps at one flat price per slot, with automatic recovery if YouTube drops the stream. The first day is free with no card, and the monthly option is $9.99 per month. Start the free day with StreamNeo.
Quick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
