进取版(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(进取版)使用说明书相关推荐

  1. 酷视网页视频VR播放器SDK(旗舰版)使用说明书

    旗舰版mxplayer H5视频播放器使用说明书 运行环境 支持w3c标准且支持webGL 3D渲染引擎的浏览器,包含微信.微博.qq等app等部分主流app 旗舰版使用说明: <script ...

  2. EasyVRPlayer,一款可快速集成的VR播放器SDK,同时可快速适配国内主流的VR一体机设备

    EasyVRPlayer是基于其他vr设备的适配sdk开发的,将多种vr sdk功能api抽象化,构建中间层,开发者无需关注vr sdk的实现,直接使用中间层即可,免去了对每种vr sdk进行适配的烦 ...

  3. 支持Unity引擎!Visbit推出Web VR播放器云服务

    Visbit实现了VR视频云服务在移动端的全面覆盖. 据悉,Visbit网页端VR播放器基于Web VR开发,并推出VR开发引擎Unity的SDK.要知道,四大主流浏览器Chrome.Firefox. ...

  4. 集成VR播放器--虚拟现实浪潮的一舟: UtoVR

    最近圈内刮起一股VR与AR狂潮,虚拟现实与直播推流技术方兴未艾,正好在项目中也涉及到集成第三方播放器的支持,给大家介绍一款国内的,免费的,集成很方便的产品平台--UtoVR. 在实际使用过程中难免有些 ...

  5. GOOGLE VR SDK开发VR游戏,VR播放器之一

    最近一年来,VR虚拟现实和AR增强现实技术的宣传甚嚣尘上.其实VR,AR技术很早就有了,一直没有流行开来,不可否认价格是影响技术推广的最大壁垒.谷歌对VR最大的贡献是提供了廉价的谷歌眼镜,按照GOOG ...

  6. 云创平台+播放器SDK,腾讯云音视频新工具助力视频生产、终端能力全面升级

    腾讯云音视频围绕在线视频生产和终端播放能力推出新工具. 6月28日,在"TechoDay腾讯技术开放日"活动现场,腾讯云音视频发布"腾讯云视立方·播放器SDK" ...

  7. 爱奇艺html5不能播放器,爱奇艺视频播放失败怎么办 网页视频不能播放的解决方法教程[多图]...

    有网友反映在爱奇艺网站看视频时总是提示播放失败,不能正常播放视频,这该怎么办呢?本文将给大家介绍解决爱奇艺视频播放失败的方法. 解决方法: 1.电脑缓存过多 解决方法:点击"设置" ...

  8. openGL ES进阶教程(五)制作一个简单的VR播放器,播放全景视频

    之前写过全景(VR)图片,和用openGL ES+MediaPlayer 渲染播放视频+滤镜效果 这一篇就在之前的基础上实现一个最简单的VR播放器,播放全景视频. 概述: 全景视频是一种用3D摄像机进 ...

  9. Android优酷播放器SDK——Eclipse工程迁移Android Studio遇到问题

    Android优酷播放器SDK--Eclipse工程迁移Android Studio遇到问题 希望大家看完本文章能解决遇到的问题,如果没有表明清楚问题所在,还望指点一二: 下载优酷视频播放器SDK 导 ...

最新文章

  1. 测一测你的blog魔症有多严重
  2. wfs.js windows用法
  3. java开发可重用代码包工具包_[Java教程]彻底搞懂Java开发工具包(JDK)安装及环境变量配置...
  4. Redis基础知识点总结
  5. img图片下多余空白的BUG解决方案
  6. TensorFlow 2.X中的动手NLP深度学习模型准备
  7. 各种组件的js 获取值 / js动态赋值
  8. 利用C++语言设计可扩展线程池
  9. java activity生命周_关于Activity的生命周期和任务栈的理解
  10. 可局部放大图片的例子,局部放大图片,javascript局部放大图片
  11. 易语言教你制作onoQQ机器人
  12. Docker mysql [Warning] World-writable config file ‘.cnf‘ is is ignored
  13. 派克宇航获得AVIC涡轮螺旋桨支线飞机MA700的飞控作动系统合同
  14. 二叉树递归(含非递归)遍历方式的流程图!
  15. EF实体类种的Virtual关键字作用
  16. 2008年胡润中国富豪榜榜单(301-400名)
  17. 怎么用计算机向手机上传照片,老司机教你怎么把手机的照片传到电脑
  18. 【vue-router源码】十二、useRoute、useRouter、useLink源码分析
  19. Django框架学习笔记(一)
  20. JDK 16 即将发布!网友:新特性挺酸爽a...

热门文章

  1. 怎么用C语言写程序控制单片机,如何用用C语言编写的单片机来控制流水灯
  2. 基于 SurfaceView 详解 android 幸运大转盘,附带实例app
  3. ubuntu16.04 无线/Wifi 上网速度慢的解决方法
  4. Discuz悬赏主题确定答案自动变更分类的方法
  5. Mark点定位的一般原理与步骤
  6. 分列单元格:汪琪玩Excel第三十招
  7. Tableau图表 • 棒棒糖图
  8. 一位私企老板的真心话
  9. 负数在二进制中如何表示
  10. 数据仓库Hive编程——HiveQL的数据操作(一):向管理表中装载数据