vue vr视频播放
时间: 2023-11-15 10:59:17 浏览: 79
在Vue中使用UtoVR实现全景视频播放需要先加载第三方js使用UtoVR WEB sdk,然后按照官方文档进行配置。具体代码如下:
```
let playerObj = null;
/*播放器参数配置*/
const params = {
container: document.querySelector('#demoVideo'),
name: "SceneViewer",
isGyro:true,
scenesArr: [
//todo:注意修改视频路径,需要保证播放页面与视频属于同一域名下
{sceneId: "v1", sceneName: "测试VR视频", sceneFilePath: './video/output.mp4', sceneType: "Video", initFov: 110, isVideoLoop: false}
],
initOverCallBack: function () {
//将播放器对象赋值给playerObj
playerObj = this;
},
//播放器不支持全景播放回调
errorCallBack: function (e) {
console.log("播放错误状态:" + e);
},
videoPlayEndCallBack: function () {
console.log('videoPlayEndCallBack')
}
};
initLoad(params)
```
需要注意的是,由于UtoVR没有支持Vue的SDK,所以只能使用Vue加载第三方js的方式实现。