360vrlive 中文文档教程

Question

vue-i-cropper 360Vr全景播放

vrlive

 ???? 360Vr全景播放

 ???? 播放全景视频,图片,直播视频(hls,flv)

 ???? 关注官方微信公众号“创维VR”，获取最新的VR设备内容

技术选型

### 前端技术选型 vue ^2.5+ [vue 轻型前端框架]
element ^2.10.1 [element 界面布局UI]
vue-cropper ^0.4.9 [vue 图片裁剪组建] ……

预览

Build Setup

# install dependencies
  npm i mxreality.js 
  npm i 360vrlive 

  import Vrlive from '360vrlive';

  <Vrlive
    :playObj='playObj'
  ></Vrlive>

环境依赖

"node": ">= 6.0.0"
"npm": ">= 3.0.0"

配置（修改）

 playObj:{
   url:"",  // 播放地址
   type:"", //VR播放类别：
   fov:"",  // 播放器设置视角FOV设置
 }
 <!-- 
 type：
    VR播放类别：
    vr.resType.video 播放VR视频
    vr.resType.box 天空盒子模式
    vr.resType.slice 全景图片切片模式
    vr.resType.sliceVideo 全景视频分片模式或者是HLS直播模式
    vr.resType.flvVideo FLV直播模式
  -->