@annoto/player

Annoto Player

Install dependencies

npm install

Development

npm start

This will build, watch for source changes and serve on http://localhost:9001

To only build for development and watch for changes without serving:

npm run watch

Vimeo

Open browser at http://localhost:9001?key=eyJhbGciOiJIUzI1NiJ9.ZjU4MTMyMzgtZTBiNS00NTM2LWE1ZTEtNTliMGZhMjYzZjVm.3vX2MeaEtjKS83Iqj9K_D-3-NWMXAJUoslpQEuTFVGk&pt=vimeo&v=877473729

Youtube

Open browser at http://localhost:9001/?key=eyJhbGciOiJIUzI1NiJ9.ZjU4MTMyMzgtZTBiNS00NTM2LWE1ZTEtNTliMGZhMjYzZjVm.3vX2MeaEtjKS83Iqj9K_D-3-NWMXAJUoslpQEuTFVGk&pt=youtube&v=JKo86Yogg6c

Panopto

Open browser at http://localhost:9001/?key=eyJhbGciOiJIUzI1NiJ9.ZjU4MTMyMzgtZTBiNS00NTM2LWE1ZTEtNTliMGZhMjYzZjVm.3vX2MeaEtjKS83Iqj9K_D-3-NWMXAJUoslpQEuTFVGk&pt=panopto&cloud=tau.cloud.panopto.eu&v=1ec11a41-8452-46c6-877e-b0c90082ce4b

Direct video src

Open browser at http://localhost:9001?key=eyJhbGciOiJIUzI1NiJ9.ZjU4MTMyMzgtZTBiNS00NTM2LWE1ZTEtNTliMGZhMjYzZjVm.3vX2MeaEtjKS83Iqj9K_D-3-NWMXAJUoslpQEuTFVGk&v=https%3A%2F%2Fcommondatastorage.googleapis.com%2Fgtv-videos-bucket%2Fsample%2FElephantsDream.mp4

set v query param to uri encoded media source (can be any html5 valid media or HLS stream)

Production

Build

npm run build

Build and publish Docs

npm run docs-publish