A Display Layer of vue-core-video-player to Show 360 Video Contents
$ npm install vue-core-video-player --save
$ npm install @core-player/viewcore-360 --save<template>
<div id="app">
<div class="player-container">
<vue-core-video-player :view-core="viewCore" src="your_file.mp4"></vue-core-video-player>
</div>
</div>
</template>
<script>
import VueCoreVideoPlayer from 'vue-core-video-player'
import Viewcore360 from '@core-player/viewcore-360'
Vue.use(VueCoreVideoPlayer)
export default {
name: 'App',
data () {
return {
viewCore: [Viewcore360]
}
}
}
</script>| name | Type | Example | Description |
|---|---|---|---|
| hfov | Number | 360 | The horizontal field of view fov |
| vfov | Number | 180 | The vertical field of view fov |
| projection | String | 'mono','stereo' | The VR projection effect what is it? |
| disableDrag | Boolean | false | Disable user to drag camera to view other angles |