Skip to content

Latest commit

 

History

History
42 lines (26 loc) · 2.19 KB

README.md

File metadata and controls

42 lines (26 loc) · 2.19 KB

AvTools

This project was generated with Angular CLI version 9.0.5.

It's the developing environment and playground for the A/V tools of Knora and Sipi. The main components from this app will be moved to Knora-ui-ng-lib as soon they are ready and Knora-ui-ng-lib supports Angular 9.

The app starts with a kind of index of test videos (and later additionally with audio documents). It simulates the view of search results - "how it could look like". The main important part is the dynamic video preview container based on the mouse movement.

A click on a certain object, opens the video player. An own designed html5 video player with the following functionallity:

  • Toggle Play/Pause on button, on video itself and on timecode.

  • Scrolling through the video step by step to quickly find a desired scene. This scroll event is enabled on the timecode.

  • Frame and time preview while moving with the mouse on the progress bar

  • Jump to position by clicking on the timeline

  • Toggle view mode default/cinema. Cinema view mode resizes the video to 100% of window width (or height; depending on aspect ratio of video and window) with dark background around the video player

  • Toggle Volume on/off. The volume inside the video player is not necessary. It can be changed using the volume control on the computer. The video player itself sets a default volume for each video.

  • Action buttons

    • Play/Pause
    • 10 seconds back, 10 seconds forward
    • Volume on/off
    • Cinema mode

Development server

Install the necessary packages with yarn install.

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.