您的位置:首页 > 其它

krpano学习之路记录

2017-08-30 13:29 127 查看
本来正好趁着最近没啥事学习RN呢,新任务就下来了:研究一下krpano,那么krpano是什么呢?我的初步理解它是一套用于制作全景(图片,视频)以及生成对应的前端页面的工具和框架的总称。

一、首先,进入官网:

1、https://krpano.com/ 这个是官网地址,但是是全英文的,这里还有一个中文网:http://www.krpano360.com/ 有没有官方授权不知道,但是总结的还不错,好像是个人搞的。

2、可以上面选择一个网址了解一下krpano的基础知识和原理之类的,有一个大致的了解。

3、普通全景的制作过程和方法写的很详细,在这就不赘述了,本文主要致力于解决一些要完成的但又不太好找到的功能。

4、很巧的是最近在看react native,感觉写法很像,有兴趣的可以顺便研究一下

二、在这里叙述一下我的任务:

1、实现全景视频播放。

2、全景视频添加动态热点。

3、写出demo,实现播放本地视频功能,并打包成ios或者android应用,其中可能还会涉及IOS和android的知识。

三、首先是决定框架的问题,经过一(ji)系(fen)列(zhong)的比较,决定使用使用HBilder提供的html5plus的框架,原因呢,嗯。。。很多啊,比如说打包方便、打包方便和打包方便啊(可能吧?)。然后html5plus的框架的填坑呢,在这:www.baidu.com

四、接下来讲krpano的事情,下面主要是记录的一些使用过程的知识点和填坑历程吧。:

1、在移动端没有办法播放vr视频,在pc端是可以的,不是写法的问题,官方的demo在移动端同样不能播放。经测试发现具体情况是:在ios设备上没办法播放,在安卓设备上可以播放但是没有画面只有声音,查阅一番,有人说是视频格式不正确,官方提供了专门的视频转换方法:http://www.krpano360.com/panovideo-converter-quanjingshipinzhuanhuanqi/试了一下,确实可以解决ios上的问题,安卓的没测试,但是接下来又是第二个问题。

2、在播放全景视频的时候,在调用插件播放视频的同时,会调起ios原生的播放器且遮住全屏(ios),解决办法是禁用掉原生的video的全屏。

3、经过测试,在ipad3 上,3万比特率的视屏,最大只能支持到3k(包括,30721536px)到3.5k(不包括,38401920px)之间,再大的就会卡住播不了了,其他机型有待测试。

4、基于第3点,想到之前视频在安卓端只有声音,画面卡住的问题,因为正常一个三万码率(比特率)的视频,音频的码率只有几百,个人认为可能是安卓设备(一台android4.4版本的手机、一台M系列的大鹏VR一体机)硬件配置较低,支持不了较高的视频码率,当然目前属于个人猜测,有待后期测试。

5、默认的皮肤是没有开启陀螺仪的,要是想一开场就开启陀螺仪,可以在tour.xml的include那一行的后面添加:

<plugin name="skin_gyro" enabled="true"/>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: