简单的VR全景播放

1,779 阅读1分钟

简单的VR全景播放


** 什么都不说 我直接上代码 **

GIT地址 :github.com/zengyuhan50…

 install dependencies
  npm i mxreality.js 
  npm i 360vrlive 

  import Vrlive from '360vrlive';

  <Vrlive
    :playObj='playObj'
  ></Vrlive>
 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直播模式
 -->

 !! flv 需要引入 flv.js 
	vue ^2.5+ [vue 轻型前端框架]
  element ^2.10.1 [element 界面布局UI]
  mxreality.js [mxreality 全景播放器 https://github.com/guoguicheng/mxreality.js]