android 360度视频播放器,Android开发VR实战之播放360度全景视频

VR即Virtual Reality虚拟现实。虚拟现实技术是一种可以创建和体验虚拟世界的计算机仿真系统它利用计算机生成一种模拟环境是一种多源信息融合的交互式的三维动态视景和实体行为的系统仿真使用户沉浸到该环境中。

那么,如何在Android中去开发VR功能的APP呢?我们利用谷歌提供的开源SDK去实现一个360°全景视频的功能

4830f3ae8aa954dded5b071afe865c64.png

f4047471966ee76d7df22fd51d4f1f2c.png

一.在build.gradle中引入谷歌VR的SDK依赖

compile 'com.google.vr:sdk-videowidget:1.10.0'

二.注意支持的最小SDK

minSdkVersion 19

targetSdkVersion 25

三.界面布局文件

xmlns:tools="http://schemas.android.com/tools"

android:id="@+id/activity_main"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical"

android:paddingBottom="@dimen/activity_vertical_margin"

android:paddingLeft="@dimen/activity_horizontal_margin"

android:paddingRight="@dimen/activity_horizontal_margin"

android:paddingTop="@dimen/activity_vertical_margin"

tools:context="cn.bluemobi.dylan.vrdevelopvideo.MainActivity">

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="Android开发VR360度全景视频" />

android:id="@+id/vr_video_view"

android:layout_width="match_parent"

android:layout_height="250dp">

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:orientation="horizontal">

android:id="@+id/play_toggle"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight="1"

android:background="@android:color/transparent"

android:paddingStart="0dp"

android:src="@drawable/pause" />

android:id="@+id/seek_bar"

style="?android:attr/progressBarStyleHorizontal"

android:layout_width="0dp"

android:layout_height="32dp"

android:layout_weight="8" />

android:id="@+id/volume_toggle"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight="1"

android:background="@android:color/transparent"

android:paddingStart="0dp"

android:paddingTop="4dp"

android:src="@drawable/volume_on" />

四.加载360°全景视频

/**

* 加载360度全景视频

*/

private void load360Video() {

vr_video_view = (VrVideoView) findViewById(R.id.vr_video_view);

seek_bar = (SeekBar) findViewById(R.id.seek_bar);

volume_toggle = (ImageButton) findViewById(R.id.volume_toggle);

play_toggle = (ImageButton) findViewById(R.id.play_toggle);

/**设置加载设置**/

VrVideoView.Options options = new VrVideoView.Options();

options.inputType = VrVideoView.Options.TYPE_STEREO_OVER_UNDER;

/**

* 设置加载监听

*/

vr_video_view.setEventListener(new VrVideoEventListener() {

/**

* 视频播放完成回调

*/

@Override

public void onCompletion() {

super.onCompletion();

/**播放完成后跳转到开始重新播放**/

vr_video_view.seekTo(0);

setIsPlay(false);

Log.d(TAG, "onCompletion()");

}

/**

* 加载每一帧视频的回调

*/

@Override

public void onNewFrame() {

super.onNewFrame();

seek_bar.setProgress((int) vr_video_view.getCurrentPosition());

Log.d(TAG, "onNewFrame()");

}

/**

* 点击VR视频回调

*/

@Override

public void onClick() {

super.onClick();

Log.d(TAG, "onClick()");

}

/**

* 加载VR视频失败回调

* @param errorMessage

*/

@Override

public void onLoadError(String errorMessage) {

super.onLoadError(errorMessage);

Log.d(TAG, "onLoadError()->errorMessage=" + errorMessage);

}

/**

* 加载VR视频成功回调

*/

@Override

public void onLoadSuccess() {

super.onLoadSuccess();

/**加载成功后设置回调**/

seek_bar.setMax((int) vr_video_view.getDuration());

Log.d(TAG, "onNewFrame()");

}

/**

* 显示模式改变回调

* 1.默认

* 2.全屏模式

* 3.VR观看模式,即横屏分屏模式

* @param newDisplayMode 模式

*/

@Override

public void onDisplayModeChanged(int newDisplayMode) {

super.onDisplayModeChanged(newDisplayMode);

Log.d(TAG, "onLoadError()->newDisplayMode=" + newDisplayMode);

}

});

try {

/**加载VR视频**/

vr_video_view.loadVideoFromAsset("congo.mp4", options);

} catch (IOException e) {

e.printStackTrace();

}

/**设置声音按钮点击监听**/

volume_toggle.setOnClickListener(new View.OnClickListener() {

public void onClick(View v) {

setIsMuted(!isMuted);

}

});

/**设置播放暂停按钮点击监听**/

play_toggle.setOnClickListener(new View.OnClickListener() {

public void onClick(View v) {

setIsPlay(!isPlay);

}

});

/**设置进度条拖动监听**/

seek_bar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {

/**

* 进度条拖动改变监听

* @param seekBar 拖动条

* @param progress 进度

* @param fromUser 是否是用户手动操作的

*/

@Override

public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {

if (fromUser) {

/**调节视频进度**/

vr_video_view.seekTo(progress);

}

}

@Override

public void onStartTrackingTouch(SeekBar seekBar) {

}

@Override

public void onStopTrackingTouch(SeekBar seekBar) {

}

});

}

/**

* 设置声音开关

*

* @param isMuted 开关

*/

private void setIsMuted(boolean isMuted) {

this.isMuted = isMuted;

volume_toggle.setImageResource(isMuted ? R.drawable.volume_off : R.drawable.volume_on);

vr_video_view.setVolume(isMuted ? 0.0f : 1.0f);

}

/**

* 设置播放暂停

*

* @param isPlay 播放暂停

*/

private void setIsPlay(boolean isPlay) {

this.isPlay = isPlay;

play_toggle.setImageResource(isPlay ?R.drawable.pause: R.drawable.play );

if(isPlay){

vr_video_view.playVideo();

}else{

vr_video_view.pauseVideo();

}

}

五.GitHub

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/366724.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

关于怎么在手机端实现一个拖拽的操作

手机端&#xff0c;肯定是监听touchstart,touchmove,touchend事件 先来看看效果 当拖拽时&#xff0c;拖拽到哪个节点下面&#xff0c;就把哪个节点添加到这个下面 <div>1111</div><div>2222</div><div>3333</div><div>4444</div…

二叉树的前序创建

1 #include <stdio.h>2 #define ElemType char3 //节点声明&#xff0c;数据域、左孩子指针、右孩子指针4 typedef struct BiTNode{5 char data;6 struct BiTNode *lchild,*rchild;7 }BiTNode,*BiTree;8 //先序建立二叉树9 BiTree CreateBiTree(){ 10 char c…

Apache Karaf遇到Apache HBase

介绍 Apache HBase是模仿Google Bigtable的开源&#xff0c;分布式&#xff0c;版本化&#xff0c;面向列的商店。 如果您是普通读者&#xff0c;那么您可能已经知道Apache Karaf是什么&#xff0c;但是对于那些不是的读者&#xff1a;Apache Karaf是一个OSGi运行时&#xff0c…

物联网架构成长之路(24)-Docker练习之Compose容器编排

0.前言  一开始学的之后&#xff0c;是想一步到位直接上Kubernetes(K8s)的&#xff0c;后面没想到&#xff0c;好像有点复杂&#xff0c;有些概念不是很懂。因此学习东西还是要循序渐进&#xff0c;慢慢来。先了解单机编排技术Docker Compose&#xff0c;了解一些技术细节及原…

CSS原理解析之模型篇

写在前面&#xff1a;尝试回答几个问题&#xff1a;什么是盒模型&#xff0c;控制盒模型的属性有哪些&#xff1f;Margin、Padding、Border、Width、Height这些属性改变/影响盒模型&#xff0c;但每个属性都会在所有元素上生效么&#xff1f;如果存在区别&#xff0c;那么和元素…

Quartz遇到的问题

本文首次发布于My Blog,作者张琦(Ian),转载请保留原文链接。 有状态和无状态 使用有状态&#xff08;StatefulJob&#xff09;还是无状态的任务&#xff08;Job&#xff09; 在 Quartz 中&#xff0c;基本来说&#xff0c;任务分为有状态和无状态两种。实现 Job 接口的任务缺省…

android baseactivity,Android应用开发Android通过BaseActivity获取到当前启动的Activity名称...

本文将带你了解Android应用开发Android通过BaseActivity获取到当前启动的Activity名称&#xff0c;希望本文对大家学Android有所帮助。<在BaseActivity的onCreate方法中:public class BaseActivity extends AppCompatActivity { Override protected void onCreate(Nul…

RIP RETE时间获得PHREAKY

我刚刚完成了我称为PHREAK的新规则算法的一些高级文档&#xff0c;这是混合推理中的一个文字游戏。 它仍然有点粗糙和高水平&#xff0c;但希望仍然很有趣。 它建立在ReteOO之上&#xff0c;非常好阅读。 ReteOO算法 ReteOO是在3、4和5系列发行版中开发的。 它采用RETE算法并应…

Hadoop自学笔记(三)MapReduce简单介绍

1. MapReduce Architecture MapReduce是一套可编程的框架&#xff0c;大部分MapReduce的工作都能够用Pig或者Hive完毕。可是还是要了解MapReduce本身是怎样工作的&#xff0c;由于这才是Hadoop的核心&#xff0c;而且能够为以后优化和自己写做准备。 Job Client, 就是用户 Job …

洛谷 P2051 [AHOI2009]中国象棋 解题报告

P2051 [AHOI2009]中国象棋 题目描述 这次小可可想解决的难题和中国象棋有关&#xff0c;在一个N行M列的棋盘上&#xff0c;让你放若干个炮&#xff08;可以是0个&#xff09;&#xff0c;使得没有一个炮可以攻击到另一个炮&#xff0c;请问有多少种放置方法。大家肯定很清楚&am…

VirtualDOM与diff(Vue实现)

写在前面 因为对Vue.js很感兴趣&#xff0c;而且平时工作的技术栈也是Vue.js&#xff0c;这几个月花了些时间研究学习了一下Vue.js源码&#xff0c;并做了总结与输出。文章的原地址&#xff1a;https://github.com/answershuto/learnVue。在学习过程中&#xff0c;为Vue加上了…

使用Java的RESTful Web服务

REST代表“代表性状态转移”&#xff0c;由Roy Fielding于2000年在其论文“建筑风格和基于网络的软件体系结构设计”中首次提出。 REST是一种建筑风格。 HTTP是一种协议&#xff0c;其中包含一组REST体系结构约束。 REST基础 REST中的所有内容都被视为资源。 每个资源都由UR…

android 基础应用程序,android应用程序基本实现(基础篇).ppt

《android应用程序基本实现(基础篇).ppt》由会员分享&#xff0c;可在线阅读&#xff0c;更多相关《android应用程序基本实现(基础篇).ppt(22页珍藏版)》请在人人文库网上搜索。1、Android应用程序基本实现,复杂的应用,上节课&#xff0c;我们实现了一个基本的android的应用程序…

windows npm安装webpack

Webpack: Webpack 是一个前端资源加载/打包工具。 它将根据模块的依赖关系进行静态分析&#xff0c;然后将这些模块按照指定的规则生成对应的静态资源。 参考下图&#xff1a; 安装Webpack: 1.首先需要安装node.js&#xff08;npm&#xff09; 下载地址&#xff1a;node.js dow…

ThreadLocal如何实现?

这是我上周的帖子的后续文章&#xff0c;在那篇文章中我解释了ThreadLocal用法的动机 。 从帖子中我们可以回想起&#xff0c;如果您希望每个线程都有一个独立初始化的变量副本&#xff0c;则ThreadLocal确实是一个很酷的概念。 现在&#xff0c;好奇的人可能已经开始问“我如何…

WPFの操作文件浏览框几种方式

WPFの操作文件浏览框几种方式 原文:WPFの操作文件浏览框几种方式方式1&#xff1a; 使用win32控件OpenFileDialog Microsoft.Win32.OpenFileDialog ofd new Microsoft.Win32.OpenFileDialog(); ofd.DefaultExt ".xml"; ofd.Filter "xml file|*.xml"; if…

为什么你应该尝试@reach/router

最近react-router的一个作者另外写了一个类react-router的组件 reach/router&#xff0c;尝试后感觉太棒了。如果你的项目只是web端的话我认为可以把你的react-router换掉了。下面是我到目前看到的所有非常好的点。 小&#xff0c;就4kb,压缩后比react-router小40kb左右。 更少…

android 浏览器 div穿透,解决IE 上重叠div 对 mouseover 事件的穿透方法之一

解决IE 下重叠div 对 mouseover 事件的穿透方法之一? ? ? ? 历经一天半的时间&#xff0c;我这前端的白痴终于想到了一个解决IE 下重叠div ?对 mouseover 事件的穿透方法。??现象&#xff1a; 两个并列关系的Div(没有父子关系)&#xff0c;但是两个Div在位置上面有重叠&…

类加载器工作机制

类加载器工作机制&#xff1a;1.装载&#xff1a;将Java二进制代码导入jvm中&#xff0c;生成Class文件。2.连接&#xff1a;a&#xff09;校验&#xff1a;检查载入Class文件数据的正确性 b&#xff09;准备&#xff1a;给类的静态变量分配存储空间 c&#xff09;解析&#xf…

webviewjavascriptbridge android ios,js与ios交互使用WebViewJavascriptBridge如何写多个函数

//js与webview交互初始化function setupWebViewJavascriptBridge(callback) {if (window.WebViewJavascriptBridge) {return callback(WebViewJavascriptBridge);}if (window.WVJBCallbacks) {return window.WVJBCallbacks.push(callback);}window.WVJBCallbacks [callback];v…