Frameworks
Integrations
Mendix
SharePoint
Default UI
Modular UI
AnnotationManager
Annotation Types
Customize
Version 11
v11.0
Version 10
v10.12
v10.11
v10.10
v10.9
v10.8
v10.7
v10.6
v10.5
v10.4
v10.3
v10.2
v10.1
v10.0
Version 8
v8.12
v8.11
v8.10
v8.9
v8.8
v8.7
v8.6
v8.5
v8.4
v8.3
v8.2
v8.1
v8.0
Version 7
Version 6
v6.3
v6.2
v6.1
v6.0
Version 5
Version 4
Version 3
Version 2
WebViewer Server
WebViewer BIM
Collaborate and review videos frame by frame. WebViewer video allows users to annotate video frames, comment on frames, collaborate and review videos.
Annotations will be tied to specific frames and will only be rendered, when the video is seeked to the specific frames. This guide will show you how to get started with a free trial.
The source code for this project is available in our Git repo.
Prior to starting, you should have already installed Node and npm.
Get your Apryse trial key.
Clone the repo to a specific directory and then navigate to it:
video
directory and install the required dependencies to run the samples by executing:http://localhost:3000/
and you will see the sample WebViewer running with a video, similar to above.HTML5 Videos can be loaded into WebViewer with use of the @pdftron/webviewer-video package.
Below is a sample setup of the video package with webviewer.
initializeVideoViewer
is called to give WebViewer the ability to handle the loading of video files. Afterwards, a video can be loaded with loadVideo
. Lastly settings to customize the behavior of the controls can be passed in when calling initializeVideoViewer
.
Importing and exporting annotations works the exact same way as it does on WebViewer, with the video annotations having additional the properties start-time
and end-time
.
Make sure your server has byte-range requests enabled to allow video streaming.
Did you find this helpful?
Trial setup questions?
Ask experts on DiscordNeed other help?
Contact SupportPricing or product questions?
Contact Sales