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.