WebViewer Audio

WebViewer is a powerful JavaScript-based PDF Library that's part of the PDFTron PDF SDK. It allows you to view and annotate PDF files on your web app with a fully customizable UI.

This sample uses the audio addon for WebViewer. It allows the loading of media elements (.mp3, .mp4, ogg, webm, etc.), so that their audio tracks can annotated and redacted.

This repo is specifically designed for any users interested in integrating WebViewer into React project. This project was generated with Create React App. See Create React App documentation for more information.

Initial setup

Before you begin, make sure your development environment includes Node.js and npm.

Install

git clone https://github.com/akhil-haridas/webviewer-audio.git
cd webviewer-audio
npm install

Run

npm start
npm run start-server

npm run start-server is required for saving of annotations.

Build

Run npm run build to build the project. The build artifacts will be stored in the build/ directory. See the section about deployment for more information.

To test the build directory locally you can use serve or http-server. In case of serve, by default it strips the .html extension stripped from paths. We added serve.json configuration to disable cleanUrls option.

WebViewer APIs

See @pdftron/webviewer API documentation.
See @pdftron/webviewer-audio API documentation.