![New axobject-query Maintainer Faces Backlash Over Controversial Decision to Support Legacy Node.js Versions](https://cdn.sanity.io/images/cgdhsj6q/production/86e6ebdea652d20da070ebbda20134b839972db7-1024x1024.webp?w=800&fit=max&auto=format)
Security News
New axobject-query Maintainer Faces Backlash Over Controversial Decision to Support Legacy Node.js Versions
A JavaScript library maintainer is under fire after merging a controversial PR to support legacy versions of Node.js.
sanity-plugin-mux-input
Advanced tools
Changelog
2.0.0-v3-studio.10 (2022-08-17)
Readme
NOTE
This is the Sanity Studio v3 version of sanity-plugin-mux-input.
For the v2 version, please refer to the studio-v2 branch.
This is a plugin that let you use Mux video assets in your Sanity studio.
The Mux plugin for Sanity gives you a way to upload and preview videos easily.
Read our blog post about this plugin.
Not familiar with Sanity? Visit www.sanity.io
npm i sanity-plugin-mux-input@studio-v3
.
Read more about using plugins in Sanity here.Make a schema type that uses the plugin's type mux.video
, for example:
{
title: "Video blog post",
name: "videoBlogPost",
type: "document",
fields: [
{ title: "Title", name: "title", type: "string" },
{
title: "Video file",
name: "video",
type: "mux.video"
}
]
}
muxInput
import to your plugins:import {createConfig} from 'sanity'
import {muxInput} from 'sanity-plugin-mux-input'
export default createConfig({
plugins: [muxInput()],
})
Read more about schemas in Sanity here.
The Mux Video API uses an Access Token and Secret Key for authentication.
If you haven't already, generate a new Access Token in the Access Token settings of your Mux account dashboard, and make sure it got permission to both read and write video and read data.
The token is stored in the dataset as a document of the type mux.apiKey
with the id secrets.mux
.
Having the ID be non-root ensures that only editors are able to see it.
The Mux plugin will find its access tokens by fetching this document.
We have made our own player which supports poster images for the videos as set with this plugin, see sanity-mux-player
You could use any player which supports HLS, just point the video source to:
https://stream.mux.com/${assetDocument.playbackId}.m3u8
To enable signed urls with content uploaded to Mux, you will need to check the "Enable Signed Urls" option in the Mux Plugin configuration. Assuming that the API Access Token and Secret Key are set (as per the Quick start section).
More information for this feature of the plugin can be found on Mux's documentation
To enable static MP4 renditions, add mp4_support: 'standard'
to the options
of your mux.video
schema type.
import {muxInput} from 'sanity-plugin-mux-input'
export default createConfig({
plugins: [muxInput({mp4_support: 'standard'})],
})
Currently, mp4_support
is the only supported MUX option and this supports a value of either standard
or none
(the default).
Issues are actively monitored and PRs are welcome. When developing this plugin the easiest setup is:
npm create sanity@dev-preview
. Follow the prompts, starting out with the blog template is a good way to go.cd
into your project directory, run npm install && npm start
- your sanity studio should be running on http://localhost:3333.cd
into the plugins
directory of your project.plugins
directory inside your project git clone git@github.com:your-fork/sanity-plugin-mux-input.git
.sanity.json
, go to the plugins
array and add mux-input
.npm start
.schemas/post.js
and add follow the plugin documentation to add a mux.video
type field.Publishing is done by pushing Conventional Commits. On the studio-v2 branch this will result in:
latest
dist-tag.yarn add sanity-plugin-mux-input
or npm i sanity-plugin-mux-input
will fetch the new version.sanity install mux-input
will fetch the new version.On the main branch this will result in:
studio-v3
dist-tag.yarn add sanity-plugin-mux-input@studio-v3
or npm i sanity-plugin-mux-input@studio-v3
will fetch the new version.sanity install mux-input
won't fetch the new version.After Studio v3 turns stable this behavior will change. The v2 version will then be available on the studio-v2
dist-tag, and studio-v3
is upgraded to live on latest
.
npm test
FAQs
An input component that integrates Sanity Studio with Mux video encoding/hosting service.
The npm package sanity-plugin-mux-input receives a total of 4,963 weekly downloads. As such, sanity-plugin-mux-input popularity was classified as popular.
We found that sanity-plugin-mux-input demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 55 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
A JavaScript library maintainer is under fire after merging a controversial PR to support legacy versions of Node.js.
Security News
Results from the 2023 State of JavaScript Survey highlight key trends, including Vite's dominance, rising TypeScript adoption, and the enduring popularity of React. Discover more insights on developer preferences and technology usage.
Security News
The US Justice Department has penalized two consulting firms $11.3 million for failing to meet cybersecurity requirements on federally funded projects, emphasizing strict enforcement to protect sensitive government data.