Note
The example API does no authentication and will sign a playback token (JWT) for any playback ID given to it. You should add a layer of authentication if you're considering building on top of it for a production app.
This is a an example Next.js app demonstrating playing back signed video assets hosted by Mux.
You can clone the project and deploy it for quick testing using the button below.
After deploying and setting up environment variables, visit /signed-playback and input a playback ID that has a playback policy defined as "signed".
Make sure that the asset you're attempting to play belongs to the same environment that the signing key has access to. Signing keys can only sign access tokens for videos that belong to the environment it has access to.
Below here is the standard Next.js readme.
This is a Next.js project bootstrapped with create-next-app.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.js. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Inter, a custom Google Font.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.