Skip to main content
Skip table of contents

VDT 0.13.0 [VDT RN]

This release continues to build on the metadata timespan searching with the ability to add these timespans to a collection. We also made improvements to help extract information from shapes and display it.

Important Changes

ItemSidecarDownloadDialog component been renamed to ItemSidecarDownload, and is now part of the ItemSidecarDialog.

BinContext will no longer debounce the onChange function - this should be handled by your application instead.


Timecode Add/Subtract

The TimeCode object has methods to add or subtract other timecodes which makes it simple to return the duration between a start and end.

Shape Parsing

parseShapeType a convieniece function to make it easier to extract key information from a shape. The metadata and mediaInfo for each component type is now parsed into a key/value object. Component metadata contains any embedded metadata found by VidiCoder, such as XMP, EXIF and IPTC.

Sidecar Upload

Sidecar downloads were added in 0.11.0 and now we have a component to allow uploading! Drag and drop the file into the dialog and it will suggest the sidecar format based on the file extension. All of the supported formats are listed, but you can always extend this by adding a new option via a prop which has your parsing fuction.

Source Detail and Format Expansion

The parseShapeType now provides more detail so this is now shown in the ItemSourceTable. The embedded metadata will be displayed under it’s own configurable heading. The ItemShapeTable has the ability to expand on each transcode shape to show more information.

Collection Timespans

VidiCore 5.5 has a new feature allowing items to be stored multiple times in the same collection and uses metadata to explain why a particular item has been added. This metadata is now displayed when listing a collection’s entities. In the example-application, we use this metadata to store the start and end timecodes which allows you to click on an item and jump the player to that point in time.

Metadata Timespan Search Improvements

The previous release added the timespan searching but often the matching word was not at the start of the value. The example-application now demonstrates how to highlight the matching word with a few words either side for context.

Rendering performance was an issue for items with lots of matches so the example-application shows how react-window can be used to only render the elements which are within the viewport.

Media Card Full Width

This component will provide a new layout to show search results. The wide design means that more metadata can be show on screen, and if you need even more space it has a expansion panel.

We have also wrapped the MediaCardFullWidth in a context which makes it easier for your custom child components to access props set on the parent.

Expect to see this used in item and collection search results soon!

Notable Fixes/Updates

  • VideoPlayer now has hover labels on the buttons for cinema-mode, screenshot and settings.

  • BinContext has a new prop called isUniqueBinItem to allow a custom function to determine uniqueness when adding new entities.

  • MediaCardThumbnail has been refactored to enable styling overrides.

  • ItemShapeTab now sets the content-disposition method metadata when requesting a signed URL. This will make sure the browser downloads the file instead of trying to open it.

  • AutocompleteField passes through the multiple prop from react-final-form to the MUI component.

  • searchJob uses the correct VidiCore API endpoint.

Full changelog is on GitHub.


JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.