Example video portal site for your BoxCast account written in vue.js
Switch branches/tags
Nothing to show
Clone or download
Latest commit 572326a Apr 19, 2018


Example BoxCast Video Portal (written in vue.js)

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


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


  • 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)

live and upcoming broadcast listing

sample broadcast details page with related videos and collapsable channel browser


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 run dev

# build for production with minification
npm run build

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