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-viewerSource
Bundle
Changelog
Latest
52.0.0
Major Changes
- #117537
1aafb49d776e0- Media Viewer is now rendered inside Atlaskit Portal. This change may bring unexpected behaviour if integrators are wrapping Media Viewer in other React or Atlaskit Portal. Integrators should test this new version thoroughly.
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
Usage
Props
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';
}