UtoVR Player免费360VR视频播放器
本文作者已经自行开发了一套360player播放器，免费开源，地址。
想找一个H5的360视频播放器，免费的，找了好几个，包括国外的，都是做平台的，免费入场，服务收费。UtoVR 是一家国内的VR软件厂商，据官网介绍，UtoVR 一站式软件集成开发工具(SDK)是国内第一款自主研发的VR视频软件开发包，可以帮助您在自己的应用中，快速实现VR视频的播放效果。全面支持硬件解码，可与手机移动端PC端、VR头显、电视机顶盒等多终端硬件整合。
官方提供了免费版和定制版，免费版拥有大部分功能，右键部分功能受限。定制版提供了一些高级功能和技术服务，官网没有给出具体购买价格，根据官网联系方式与客服沟通后了解到，其定制版价格2万，对于个人开发者有点贵了。
UtoVR实际是一款360视频播放器，同时支持H5和flash，我做了个小测试，没有使用全景视频，用的是全景图片，测试结果见文末。
移动端默认支持陀螺仪。
UtoVR SDK目录
UtoVR Player SDK for Web开发包
简介：
UtoVR Player是一款全景视频播放器。它支持360度空间全景视频的播放。观看者通过与播放器的交互，可以体验到身临其境的视觉效果。UtoVR Player SDK可以帮助你在自己的应用中，快速实现全景视频的播放效果。
功能：
1，支持视频格式：h264编码的mp4等视频文件；
2，支持播放普通全景视频（2：1）；
3，支持2K高清、4K超高清的全景视频播放；
4，支持点播（mp4）、直播（RTMP格式）播放全景视频；
5，支持PC端的鼠标，移动端手指的上、下、左、右的滑动，放大、缩小全景视频的操作；
6，支持移动端的陀螺仪的上、下、左、右控制全景视频的操作；
7，支持单屏/双屏（VR模式）的操作；
8，支持全屏、非全屏的操作；
9，支持视频的播放、暂停、以及时间进度条的控制；
注：免费版本的SDK不支持直播功能，并且UI画面的右上角带有”UtoVR”字样的版权信息，具体免费版本和定制版本的功能区别请参见官网。
UtoVR Player for Web使用说明
播放器的使用遵循简单实用的原则，只需3步操作即可完成配置。
1，文件引用：
将获取到的开发包文件(lib目录下的player文件夹)放置在Web项目的目录下，在html页面<head>标签内通过<script>标签引入播放器的引导js即可。
例如：
<!–引入引导js 动态下载播放器–>
<script language=”javascript” type=”text/javascript” src=”./player/UtoVRPlayerGuide.js”></script>
注意保证src的路径配置正确。
2，页面参数的配置:
<script language=”javascript” type=”text/javascript”>
/*播放器参数配置*/
var params = {
container:document.body, //播放器容器Dom对象
name:”SceneViewer”, //播放器名称
dragDirectionMode:true, //播放器拖动模式
width:800, //播放器的width
height:500, //播放器的height
/*fullScreenMode:true,//全屏模式 ===>如果是配置了该参数，将忽略width和height的配置，播放器将取当前窗口的尺寸作为播放器的初始尺寸*/
scenesArr:[
{sceneId:”test1k”, sceneFilePath:”./panoVideo/960p.mp4″, sceneType:”Video”, initPan:0, initFov:100}
]
};
//sceneFilePath:为全景视频的路径配置，sceneType：场景类型配置
</script>
3，页面播放器实例化：
<script language=”javascript” type=”text/javascript”>
/*根据页面配置参数，实例化播放器*/
window.onload = function () {
initLoad(params);
};
</script>
注意：initLoad 可以在window.onload 或者是 其他点击事件的函数处理中 进行调用。这个可以根据具体的功能需求进行操作，但必须保证 调用前，页面引入了UtoVRPlayerGuide.js
完整页面代码请参考SDK中sample文件夹中的案例！
SDK提供了很多案例，只要在这些示例文件上修改就能得到自己想要的效果。
全景图测试效果展示：
虚拟体验馆-zjbcoolzjbcool.com
UtoVR Player免费360VR视频播放器相关推荐
- Android VR Player（全景视频播放器） [7]：视频列表的实现-网络视频
Android VR Player(全景视频播放器) [7]:视频列表的实现-网络视频 前期准备 在之前的博文,Android VR Player(全景视频播放器) [6]:视频列表的实现-本地视频 ...
- Android VR Player（全景视频播放器） [6]：视频列表的实现-本地视频
Android VR Player(全景视频播放器) [6]:视频列表的实现-本地视频 (本篇博客参考<Android第一行代码(第二版)>中关于RecyclerView的部分) 列表的实 ...
- Flowplayer基于视频流的免费web视频播放器
前言 Flowplayer 是一个开源(GPL 3的)WEB视频播放器.您可以将该播放器嵌入您的网页中,如果您是开发人员,您还可以自由定制和配置播放器相关参数以达到您要的播放效果.支持播放MP4.fl ...
- android vr播放器 开发,Android应用开发之Android VR Player（全景视频播放器）- ExoPlayer播放器MPEG-DASH视频播放...
本文将带你了解Android应用开发之Android VR Player(全景视频播放器)- ExoPlayer播放器MPEG-DASH视频播放,希望本文对大家学Android有所帮助. Androi ...
- 在线html5视频播放器,分享10款最棒的免费HTML5视频播放器
最近Web圈子里最让人激动地莫过于HTML5了,特别是HTML5视频,使用HTML5视频标签可以帮助我们解决困扰我们很长时间的网站视频插入问题.HTML5可以在没有flash的情况下播放视频.现在有很 ...
- Android VR Player（全景视频播放器） [9]：ExoPlayer播放器MPEG-DASH视频播放
前言 DASH视频播放初始加载时间更短 在之前的博客中 Nginx 搭建DASH服务器 中对如何搭建DASH服务器和视频处理做了分享.由于DASH具有动态码率自适应的特点,正好可以应用于VR视频这样平 ...
- Android VR Player（全景视频播放器） [10]： VR全景视频渲染播放的实现（exoplayer，glsurfaceview，opengl es）
前言 此博客的大部分内容来自我的毕业设计论文,因此语言上会偏正式一点,如果您有任何问题或建议,欢迎留言.在此感谢实验室的聂师兄,全景视频render部分的代码设计主要参考了他所编写的代码来完成,他对视 ...
- 21个为您的网站和博客提供的免费视频播放器[转载]
很多设计师在都会在他们的网站使用视频播放器.在线视频播放器无需为简单的用户和Web开发人员提供过多的介绍,它简单易用,为您建站时提供了灵活性和创造性,您可以添加无限数量的视频,并根据你的想法安排它们的 ...
- 21个为您的网站和博客提供的免费视频播放器
很多设计师在都会在他们的网站使用视频播放器 .在线视频播放器无需为简单的用户和Web开发人员提供过多的介绍,它简单易用,为您建站时提供了灵活性和创造性,您可以添加无限数量的视频,并根据你的想法安排它们 ...
最新文章
- 重庆社区计算机考试题库,2020重庆社区工作者考试题库：模拟题100题（64）
- 如何在NLP领域应用卷积神经网络CNN
- JZOJ 5476. 【NOIP2017提高组正式赛】奶酪
- ITK:在不复制数据的情况下，从图像创建样本列表。
- 计算机与操作系统简介
- How to remove live visual tree?
- php ioc容器,PHP 在Swoole中使用双IoC容器实现无污染的依赖注入
- 代码中有的《飞秋》只是一个照面
- IDEA for win 常用快捷键
- linux安装redis插件,Linux平台安装redis及redis扩展的方法
- 工程监测管理平台、工程数据看板、工程总览、动态模型、数据分析、数据跟踪、建筑工地、数据报表、警点管控、现场记录、观测记录、测点管理、模型管理、文档管理、墙体下沉、成员管理、axure原型、产品原型
- Python类对象的运算符add重载
- 英语面试功略：英语口语突击法
- 20. Magento 创建新闻模块(1)
- html实现数据的增删查改
- 使用钢琴键盘作为电脑键盘[关闭]
- 城市空中交通和无人系统的空中交通管制评估
- do{...}while(false)的用法
- python值得学习吗？
- 盘点世界十大著名黑客攻击事件