sanity-plugin-playback-marker

For entering values in `mm:ss` format, like `03:45` and reflecting them in your sanity model as second numeric values.

Usage no npm install needed!

<script type="module">
  import sanityPluginPlaybackMarker from 'https://cdn.skypack.dev/sanity-plugin-playback-marker';
</script>

README

sanity-plugin-playback-marker

For entering values in mm:ss format like 03:45, and reflecting them in your sanity model as second numeric values. This input can be used to both reflect a time or a second length. The intention is to make it easier for CMS managers to input these values when referencing playback.

Installation

sanity install playback-marker

Then you can use the PlaybackMarkerField as an input component. Playback marker expects values in mm:ss format, and converts values to a seconds number whenever that criteria is met. The field type must always be "number".

Configure

import PlaybackMarkerField from 'sanity-plugin-playback-marker'

{
  name: "timeSeconds", //Give your sanity field a name
  description: "Time when ad starts", //Give it a description
  type: "number", //Must always be number
  inputComponent: PlaybackMarkerField,
  options: {
    placeholder: "Please enter a value in 00:00 format"
  }
}

Field Examples

type: "number"