Media viewer

Typescript ❤️

MediaViewer is Atlassian's powerful solution for viewing files on the web. It's both powerful and extendable yet easy-to-integrate

Install
yarn add @atlaskit/media-viewer
Source
Bundle
Changelog
Latest

52.0.1

Patch Changes

  • Updated dependencies

Note: This component is designed for internal Atlassian development.

External contributors will be able to use this component but will not be able to submit issues.

MediaViewer is Atlassian's powerful solution for viewing files on the web. It's both powerful and extendable yet easy-to-integrate

Single File Preview

Detecting when MediaViewer Opens/Closes

Cross-origin communication for when MediaViewer is opened and closed is enabled via a MessageEvent. The message data sent will be of type MediaMessage, which follows the below format.

{ source: 'media'; event: 'mediaViewerOpened' | 'mediaViewerClosed'; }