酷视网页视频VR播放器SDK(进取版)使用说明书
进取版(mxreality.js)H5视频播放器使用说明:
运行环境:
支持w3c标准且支持webGL 3D渲染引擎的浏览器,包含微信、微博、qq等app等部分主流app
<script src="./build/mxreality.js"></script>
<div id='example'></div>
<script>
container=document.getElementById('example')
renderer = new THREE.WebGLRenderer();
container.appendChild(renderer.domElement);
scene = new THREE.Scene();
var vr=new VR(scene,renderer,container);
vr.init(function(){
})
vr.playPanorama('视频或直播流地址',<vrType>);
播放类型如下:
vr.resType = {
"plugin": "plugin", // 插件模式
"video": "video", // 网络视频地址播放
"box": "box", // 全景图天空盒子
"fixedImage": "fixedImage", // 全景图-带修复模式
"videoSlice": "videoSlice", // 全景hls直播
"normal2d": "normal2d", // 普通视频模式播放
"normal2dSlice": "normal2dSlice", // 普通视频模式直播流
"normal2dImage": "normal2dImage", // 普通图片显示
"flvVideo": "flvVide", // flv全景直播模式
"flv2dVideo": "flv2dVideo", // 普通视频模式 flv直播流
"cinema": "cinema", // 影院模式
"flvCinema": "flvCinema", //影院模式flv直播
"hlsCinema": "hlsCinema",//影院模式hls直播
}
获取方法:例如直播hls,则resType为vr.resType.videoSlice或直接字符串 “videoSlice”
在全景播放前面定义资源加载状态回调方法:
//全景资源加载完成回调
vr.loadProgressManager.onLoad(xhr){
console.log("loaded");
}
//全景资源加载中回调
vr.loadProgressManager.onProgress(item, loaded, total){
console.log("item=",item,"loaded",loaded,"total=",total);
}
//全景资源加载错误回调
vr.loadProgressManager.onError(xhr,cl) {
console.log(xhr,cl);
}
自动旋转
设置播放器镜头自动旋转
vr.controls.autoRotate=true
设置自动旋转速度为1.2
vr.controls.autoRotateSpeed=1.0
开启设置拖动惯性:默认关闭
vr.controls.enableDamping=true;
设置惯性动量,数值越大惯性越大(默认0.05)
vr.controls.dampingFactor=0.05;
设置拖动旋转速度,数值越大拖动灵敏度越大,默认0.25
vr.controls.rotateSpeed=0.25
回正初始视角
vr.controls.reset();
陀螺仪(注意)开启点击陀螺仪并同意授权后才会生效
关闭陀螺仪
vr.controls.gyroFreeze()
开启陀螺仪
vr.controls.gyroUnfreeze()
几个播放器对象:
Vr.video对象为播放器视频对象,支持原始所有video方法和事件
Vr.toolBar 对象包含了所有的工具栏按钮对象
开启/退出全屏
AVR.fullscreen(vr.container,true/false);
AVR.playerLoading.innerHTML=”<img src=’123.gif’/>”;
显示加载中:
AVR.loading.show();
隐藏加载中:
AVR.loading.hide();
销毁播放器对象
vr.destroy();
</script>
酷视网页视频VR播放器SDK(进取版)使用说明书相关推荐
- 酷视网页视频VR播放器SDK(旗舰版)使用说明书
旗舰版mxplayer H5视频播放器使用说明书 运行环境 支持w3c标准且支持webGL 3D渲染引擎的浏览器,包含微信.微博.qq等app等部分主流app 旗舰版使用说明: <script ...
- EasyVRPlayer,一款可快速集成的VR播放器SDK,同时可快速适配国内主流的VR一体机设备
EasyVRPlayer是基于其他vr设备的适配sdk开发的,将多种vr sdk功能api抽象化,构建中间层,开发者无需关注vr sdk的实现,直接使用中间层即可,免去了对每种vr sdk进行适配的烦 ...
- 支持Unity引擎!Visbit推出Web VR播放器云服务
Visbit实现了VR视频云服务在移动端的全面覆盖. 据悉,Visbit网页端VR播放器基于Web VR开发,并推出VR开发引擎Unity的SDK.要知道,四大主流浏览器Chrome.Firefox. ...
- 集成VR播放器--虚拟现实浪潮的一舟: UtoVR
最近圈内刮起一股VR与AR狂潮,虚拟现实与直播推流技术方兴未艾,正好在项目中也涉及到集成第三方播放器的支持,给大家介绍一款国内的,免费的,集成很方便的产品平台--UtoVR. 在实际使用过程中难免有些 ...
- GOOGLE VR SDK开发VR游戏,VR播放器之一
最近一年来,VR虚拟现实和AR增强现实技术的宣传甚嚣尘上.其实VR,AR技术很早就有了,一直没有流行开来,不可否认价格是影响技术推广的最大壁垒.谷歌对VR最大的贡献是提供了廉价的谷歌眼镜,按照GOOG ...
- 云创平台+播放器SDK,腾讯云音视频新工具助力视频生产、终端能力全面升级
腾讯云音视频围绕在线视频生产和终端播放能力推出新工具. 6月28日,在"TechoDay腾讯技术开放日"活动现场,腾讯云音视频发布"腾讯云视立方·播放器SDK" ...
- 爱奇艺html5不能播放器,爱奇艺视频播放失败怎么办 网页视频不能播放的解决方法教程[多图]...
有网友反映在爱奇艺网站看视频时总是提示播放失败,不能正常播放视频,这该怎么办呢?本文将给大家介绍解决爱奇艺视频播放失败的方法. 解决方法: 1.电脑缓存过多 解决方法:点击"设置" ...
- openGL ES进阶教程(五)制作一个简单的VR播放器,播放全景视频
之前写过全景(VR)图片,和用openGL ES+MediaPlayer 渲染播放视频+滤镜效果 这一篇就在之前的基础上实现一个最简单的VR播放器,播放全景视频. 概述: 全景视频是一种用3D摄像机进 ...
- Android优酷播放器SDK——Eclipse工程迁移Android Studio遇到问题
Android优酷播放器SDK--Eclipse工程迁移Android Studio遇到问题 希望大家看完本文章能解决遇到的问题,如果没有表明清楚问题所在,还望指点一二: 下载优酷视频播放器SDK 导 ...
最新文章
- 测一测你的blog魔症有多严重
- wfs.js windows用法
- java开发可重用代码包工具包_[Java教程]彻底搞懂Java开发工具包(JDK)安装及环境变量配置...
- Redis基础知识点总结
- img图片下多余空白的BUG解决方案
- TensorFlow 2.X中的动手NLP深度学习模型准备
- 各种组件的js 获取值 / js动态赋值
- 利用C++语言设计可扩展线程池
- java activity生命周_关于Activity的生命周期和任务栈的理解
- 可局部放大图片的例子,局部放大图片,javascript局部放大图片
- 易语言教你制作onoQQ机器人
- Docker mysql [Warning] World-writable config file ‘.cnf‘ is is ignored
- 派克宇航获得AVIC涡轮螺旋桨支线飞机MA700的飞控作动系统合同
- 二叉树递归(含非递归)遍历方式的流程图!
- EF实体类种的Virtual关键字作用
- 2008年胡润中国富豪榜榜单(301-400名)
- 怎么用计算机向手机上传照片,老司机教你怎么把手机的照片传到电脑
- 【vue-router源码】十二、useRoute、useRouter、useLink源码分析
- Django框架学习笔记(一)
- JDK 16 即将发布!网友:新特性挺酸爽a...