https://github.com/boxcast/example_video_portal_vuejs
Example video portal site for your BoxCast account written in vue.js
https://github.com/boxcast/example_video_portal_vuejs
bootstrap boxcast css html5 javascript ovp streaming video vue vuejs2
Last synced: 8 months ago
JSON representation
Example video portal site for your BoxCast account written in vue.js
- Host: GitHub
- URL: https://github.com/boxcast/example_video_portal_vuejs
- Owner: boxcast
- License: mit
- Created: 2018-01-11T20:32:18.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2023-07-18T20:13:36.000Z (almost 3 years ago)
- Last Synced: 2025-05-21T03:16:48.728Z (about 1 year ago)
- Topics: bootstrap, boxcast, css, html5, javascript, ovp, streaming, video, vue, vuejs2
- Language: Vue
- Size: 4.99 MB
- Stars: 5
- Watchers: 13
- Forks: 3
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Example BoxCast Video Portal (written in vue.js)
> Example video portal site for your BoxCast account written in vue.js
## Demo
[View Demo Portal](https://boxcast.github.io/example_video_portal_vuejs/)
## Getting Started
* Read an [overview of custom BoxCast viewer experiences](http://boxcast.github.io/boxcast_js_docs/viewer_portal/).
* 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.
``` bash
# 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](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).