360vrlive 中文文档教程
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直播模式
-->