Skip to Content
Mux Docs: Home

Integrate with Cosmic

With the Mux Video integration for Cosmic JS, you can upload videos directly to Mux from your Cosmic JS Dashboard.

Cosmic logo

1Install the Mux Extension

Log in to your Cosmic JS account and navigate to Your Bucket > Settings > Extensions. Click the Extensions tab and find the Mux Videos Extension. Hit Install.

2Enter Mux credentials

After installing, you will be redirected to the Extension settings page. Under Query Parameters, you will need to provide the Mux API credentials on your Mux account (mux_access_token, mux_secret).

If you need to generate a new Access Token, go to the Access Token settings of your Mux account dashboard.

The access token should have Read and Write permissions for Mux Video.

Mux Video access token permissions

Go back to the Cosmic Extensions setting page, enter your Mux credentials, and save your Extension.

3Upload video

After installing the Extension and setting your Mux account keys, click the Mux Videos Extension link in the left-hand nav. Next, upload your videos.

The Extension saves the uploaded video data to the Mux Videos Object Type. Now you can add your Mux Videos to any Object using an Object metafield. Then you can fetch Mux data into your application by using the mux_playback_url property located in the Object metadata.

4Playback

To retrieve your video for playback, check out the Cosmic docs to see how to add the Mux playback URL to your HTML Video player.

Set up playback

Set up your iOS application, Android application or web application to start playing your Mux assets

Preview your video content

Now that you have Mux assets, build rich experiences into your application by extracting images from your videos

Integrate Mux Data

Add the Mux Data SDK to your player and start collecting playback performance metrics.

Was this page helpful?