简单的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]