Rich Media integration in PDF Viewer

Theme:

This example showcases the capability of the PDF viewer to display embedded video and audio content within PDF documents. Multimedia content is embedded in the PDF document as RichMedia annotations.


loading...
window.onload = function() {
	//DsPdfViewer.LicenseKey = "***key***";
    const viewer = new DsPdfViewer("#viewer", { });
    viewer.addDefaultPanels();
    var pdfUrlToOpen = "/document-solutions/javascript-pdf-viewer/demos/product-bundles/assets/pdf/view-rich-media.pdf";
	viewer.open(pdfUrlToOpen).then(function() {
        viewer.zoomMode = 1;
    });
}

window.onload = function() {
//DsPdfViewer.LicenseKey = "***key***";
const viewer = new DsPdfViewer("#viewer", { });
viewer.addDefaultPanels();
var pdfUrlToOpen = "/document-solutions/javascript-pdf-viewer/demos/product-bundles/assets/pdf/view-rich-media.pdf";
viewer.open(pdfUrlToOpen).then(function() {
viewer.zoomMode = 1;
});
}

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Rich Media integration in PDF Viewer.</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./src/styles.css">	
<script src="/document-solutions/javascript-pdf-viewer/demos/product-bundles/build/dspdfviewer.js"></script>
<script src="/document-solutions/javascript-pdf-viewer/demos/product-bundles/build/wasmSupportApi.js"></script>
<script src="/document-solutions/javascript-pdf-viewer/demos/resource/js/init.js"></script>
<script src="./src/app.js"></script>
</head>
<body>
<div id="viewer"></div>
</body>
</html>

#viewer {
height: 100%;
}