Elements wish list. Call for elements that you would find useful

[dylanjha]

Comment here with ideas you have for Mux Elements that you would like to see.

To get the wheels turning, some current elements we're thinking of:

<mux-uploader>

This one is in progress, not quite ready for beta yet. <mux-uploader> would be a component for uploading files to Mux after creating a Direct Upload resource server-side. This is essentially a UI layer that shows upload progress, errors, retries and under the hood uses our popular UpChunk library which does the actual uploading bits but doesn't handle any of the UI.

<mux-live-view-counter>

Maybe can improve the name there, but it would be a component that takes a signed JWT and uses the https://stats.mux.com/counts API according to this guide so you can see how many people are currently watching a particular video.

Useful for folks using live streams, they usually want to show the number of people currently watching.

<mux-media-recorder>

An element for recording media with the browser's getUserMedia(). Could be for camera video + audio or screenshare.

We built this directly into stream.new and could try to abstract the work from there into a re-usable component.

<mux-real-time-publisher> / <mux-real-time-subscriber>

See the guide for Building real-time video applications. There's some boilerplate around some of this code:

import { TrackSource } from "@mux/spaces-web";
import { Space } from "@mux/spaces-web";

const space = new Space(JWT);
const localParticipant = await space.join();

const localTracks = await localParticipant.getUserMedia({
  audio: true,
  video: true,
});
await localParticipant.publishTracks(localTracks);

const videoEl = document.querySelector('video.local');

const microphoneTrack = localParticipant
      .getAudioTracks()
      .find((audioTrack) => audioTrack.source === TrackSource.Microphone);
microphoneTrack.attach(videoEl);

const cameraTrack = localParticipant
      .getVideoTracks()
      .find((videoTrack) => videoTrack.source === TrackSource.Camera);
cameraTrack.attach(videoEl);

Any of theses sound cool? Please let us know. No promises right away on timelines or what exactly we'll build, but this is an open discussion for sharing thoughts & opinions.