Use the biggest karaoke video library, Youtube, to queue up and play karaoke!
Installation
- Clone the repo
- Run
npm install
- Edit and save the
config.sample.js
asconfig.js
with your own values
To run development, run npm run dev
To build, run npm run build
VueJS object properties are always in alphabetical order with the exception of methods
which is always last.
Usage
For singers
Go to /queue
to see what songs are next.
Click search to go to /search
and find a song. Then add it to the queue!
For host
Go to /player
to display the video
Firebase binding
To bind a VueJS data property to Firebase, use the following object as the data's value:
var firebaseBindingObj = {
source: this.firebaseRef.database().ref('queue'),
asObject: false,
cancelCallback() {
// Execute when Firebase cancels the request (e.g. permission error)
}
};
Example:
var component = Vue.extend({
props: [],
mixins: [],
data() {
return {
videos: {
source: this.firebaseRef.database().ref('queue')
}
}
},
mounted() {}
});
If the data value does not follow the preceding object syntax, then it will be read as a regular VueJS data value.