FAQ

• Q: What is the difference between example in https://p2.iono.qa/docs/ and this one?
  A: This one uses VueJs and code has been tidied up for readability. Code functions works pretty much the same in JavaScript

• Q: How to setup this repository?
  A: This repository uses parcel bundler which is a quick and easy way to get things going. After cloning all you need to do is do yarn install (recommended) or npm install and then yarn run watch (recommended) or npm run watch. If you don't have yarn, do brew install yarn (mac) or whichever applies to your system.

• Q: How to use this repository?
  A: While watching it will refresh automatically without hard reload when you do any changes.

• Q: Where is the code?
  A: Example code from docs are: Html is in index.html and code is in index.js. Anything imported is automatically bundled, you do not even have to stop the watch and do yarn install

• Q: What are iono unrelated imports?
  A: moment, momentDurationFormatSetup is used to make position/duration work (workaround!), axios to pull json data, VueCircleSlide (volume), planning to replace it though, node-webvtt just to test vtt reading (not really utilised), izitoast to show some notifications.

• Q: Any differences I need to be aware of?
  A: not much, to call player events you would need to use this.player. instead of player.. I am using async/await to make it cleaner. There is a function called logInfo and button that displays some info in the console log, code has comments explaining what it does where necessary

• Q: How changes should be made?
  A: Create forks/branches from master and make changes on those. Someone in SharpStream would then check it out and apply to Master if necessary. Feel free to make as many Branches or Pull Requests as necessary.

• Q: Why is address is: http://localhost:1235?
  A: For some reason http://localhost:1234 didn't wanna' work on my machine.

• Q: How to add static files? A: Place file structure in "public" folder, the contents inside will be path structure. i.e assets/playlist.json

• Q: Where are the data coming from?
  A: assets/playlist.json has playlist information with random changes. 1.vtt and 2.vtt have different cues to test.

• Q: I am having issues with static files not being found.
  A: Check if the file shows up in dist folder and make sure you don't use public/assets/...

• Q: What is used to style the repo?
  A: Bulma as base and have style.scss to do custom styling on top. Do not worry too much about it and feel free to include bootstrap if necessary.