phivk / hyper-video-template

Hypervideo Template

Hi 👋 This is a hackable template for creating Hypervideo experiences using Vue.

Originally developed for the Human Machine Interface course at Internationale Filmschule Köln, April 2023. Inspired by Joscha Jäger's How to create non-linear videos in HTML5.

Based on a Vue 3 and Vite Template, scaffolded via

npm init vue@latest

Ingredients:

• Vite
• Vue 3
• Fontaweseme icons
• ESlint
• Prettier

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

Lint with ESLint

npm run lint