boxcast / example_video_portal_vuejs

Example video portal site for your BoxCast account written in vue.js

Example BoxCast Video Portal (written in vue.js)

Example video portal site for your BoxCast account written in vue.js

Demo

View Demo Portal

Getting Started

• Read an overview of custom BoxCast viewer experiences.
• Make sure your have a BoxCast account in good standing. Contact sales if you need to get started streaming.
• Make a copy of src/config.example.js as src/config.js and change the configuration to point to your BoxCast account:

  export default {
    accountId: 'abcd1234567890',  // contact BoxCast support if you need help finding your IDs
    channelId: 'efgh0987654321'
  }
  

• See Customizing below for running locally, then build for deployment

Features

• Dynamically queries your BoxCast account to list all your channels in the sidebar
• Lists and paginates through all videos in a channel
• Broadcast details page with related videos widget
• Integrates with the standard boxcast.js embed code, getting all its features for free (ticketing, geoblocking, etc)

Customizing

You can make this project your own - it's meant to be inspiration for your own online video experience! Fork it, check it out, and start hacking away.

# set up project
git clone https://github.com/boxcast/example_video_portal_vuejs.git
npm install

# serve with hot reload at localhost:8080
npm start

# build for production with minification
npm run build:dist

For a detailed explanation on how things work, check out the guide and docs for vue-loader.