pdf-viewer3.js

  <script>

      document.addEventListener('DOMContentLoaded', function () {

          const errorContainer = document.getElementById('error');
          const pdfViewerContainer = document.getElementById('pages-container');
          const loader = document.getElementById('loader');

          const pdfFileUrl = "sample-pdf-with-images.pdf";
          renderPdf(
              url = pdfFileUrl,
              onPdfLoaded = () => loader.classList.add('hidden-with-animation'),
              onError = error => {
                  loader.style.display = 'none';
                  console.error(error);
                  errorContainer.style.display = 'block';
                  pdfViewerContainer.style.display = 'none';
                  errorContainer.innerText = error.message;
              });

      }, false);

  </script>