VR即Virtual Reality虚拟现实。虚拟现实技术是一种可以创建和体验虚拟世界的计算机仿真系统它利用计算机生成一种模拟环境是一种多源信息融合的交互式的三维动态视景和实体行为的系统仿真使用户沉浸到该环境中。
那么,如何在Android中去开发VR功能的APP呢?我们利用谷歌提供的开源SDK去实现一个360°全景视频的功能
一.在build.gradle中引入谷歌VR的SDK依赖
compile 'com.google.vr:sdk-videowidget:1.10.0'
二.注意支持的最小SDK
minSdkVersion 19
targetSdkVersion 25
三.界面布局文件
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 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"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Android开发VR360度全景视频" /> <com.google.vr.sdk.widgets.video.VrVideoView android:id="@+id/vr_video_view" android:layout_width="match_parent" android:layout_height="250dp"></com.google.vr.sdk.widgets.video.VrVideoView> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal"> <ImageButton 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" /> <SeekBar android:id="@+id/seek_bar" style="?android:attr/progressBarStyleHorizontal" android:layout_width="0dp" android:layout_height="32dp" android:layout_weight="8" /> <ImageButton 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" /> </LinearLayout> </LinearLayout>
四.加载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
https://github.com/linglongxin24/VRDevelopVideo
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。
VR播放设置需账号开通VR播放权限,开通权限后账号可以通过全局设置和分类设置控制视频是否为VR(全景)播放。 全局设置 进入视频页面,在全局设置页面,点击VR播放按钮 全局设置VR播放为“ON”时,默认所有分类下的视频为VR播放;全局设置VR播放为“OFF”时,默认所有分类下的视频为非VR播放。 分类设置 若需对某一级分类进行VR播放开关设置,可以选择【分类管理】,在一级分类后 “操作”中的“设置
安卓播放器SDK 安卓评论库SDK 安卓SDK演示Demo下载
本文向大家介绍基于Three.js实现360度全景图片,包括了基于Three.js实现360度全景图片的使用技巧和注意事项,需要的朋友参考一下 Three.js 是一款运行在浏览器中的3D引擎, 处理三维效果。在一些相机的官网首页中,经常有一张图在旋转,图上面悬浮着文字。这种效果是如何做出来的呢?先看效果,再讲解。 1).建立一个java web 工程(或者其他工程), 因为three.js 的全
本文向大家介绍Bootstrap开发实战之响应式轮播图,包括了Bootstrap开发实战之响应式轮播图的使用技巧和注意事项,需要的朋友参考一下 本文主要内容是在导航条的下方做一张轮播图,自动播放最新的重要动态,供大家参考,具体内容如下 一、响应式轮播图 //响应式轮播图 //所需要的 jQuery 控制 //调整轮播器箭头位置 //所需要的 CSS 如果大家还想深入学习,可以点击这里进行学习,再为
本文向大家介绍Android媒体开发之音乐播放器,包括了Android媒体开发之音乐播放器的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了Android媒体开发之音乐播放器的具体代码,供大家参考,具体内容如下 可以对音乐文件实现播放、暂停、重播和停止功能。退出应用和回到桌面时音乐停止。 主界面: 主界面配置文件mian.xml: 主界面的Activity MainActivity
嗨,我为我的视频网站创建了一个WebView应用程序。网站的设计是为移动用户加载的混合体。只有与移动设备兼容的视频才会加载到混合动力上。玩家来自Vk,DailyMotion,YouTube和QuickTime。 (WebViewActivity.java) (main.xml) (Manifest.xml)