viewcore-360

A Display Layer of vue-core-video-player to Show 360 Video Contents

DEMO

Get Started

$ 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>

Props

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

Example Code