开发文章

Google VR全景图片与视频功能开发详解

Google VR全景图片与视频功能开发详解.jpgGoogle VR全景图片与视频功能开发详解.jpg

Google VR全景图片与视频功能开发详解.jpg

Google VR全景图片与视频功能开发详解.jpgGoogle VR全景图片与视频功能开发详解.jpg

Google VR全景图片与视频功能开发详解.jpg

oogle VR全景图片与视频功能开发详解

 

1. VR开发概述

时下关于“谷歌、Android与VR”的各种言论纷飞。VR群里有人在争论Android VR是不是一体机,是不是类似Android Wear、为VR打造的全新平台,是不是改良后的Android N。

随着vr设备的流行开来,各大招聘平台上也发布了不少关于andorid vr开发相关的Android工程师岗位,从这点来说掌握vr在项目中的实际应用要点,有助于大家为自己的开发经验上增加前沿技术的积累。

经过研发市面上的主流vr app 的功能,抽取并整合项目中的vr开发知识点,希望大家掌握后,在企业相关vr app游刃有余。

1.1 下载google vr sdk 并搭建开发环境

  • 带大家去github上搜索并下载google vr sdk
  • 介绍sdk的组成部分与应用范围
  • 搭建一个基本android vr app的开发环境

1.2 CardBorad应用核心功能

  • 带大家查找本地vr 全景图片资源
  • 介绍vr全景图与普通图片的不同点
  • 使用rv列表进行展示
  • 使用VrPanoramaView控件进行本地全景图片的展示

1.3 UtoVR应用核心功能

  • 带大家通过网络请求获取vr视频的json数据
  • 使用 Gson解析得到javaBean数据
  • 使用VrVideoView控件进行网络全景视图的展示

以上这些功能是现流行的在线vr视频,vr图片相关app的核心功能。例如.vr管家应用,3d播播,discovery VR ,看房 vr等等热门应用。

1.4 知识点

  • http网络请求技术
  • Gson解析技术与gsonformat插件
  • RecyclerView与cardView
  • Glider流行图片加载框架
  • VrPanoramaView
  • VrVideoView

1.5 好玩好用的VR

成本其实很便宜!教你用手机体验VR魅力

  • 17块钱!把手机改造为VR眼镜
  • 好玩好用的VR APP推荐

2. 全景图片显示

全景图片显示.jpg

 

2.1 搭建vr全景图片的开发环境

VR开发需要gvr-android-sdk,GitHub下载地址

VR开发需要gvr-android-sdk,GitHub下载地址.png

VR开发Google官方技术文档

VR开发Google官方技术文档.png

2.1.1 导入全景图相关的三个开发库

common,commonwidget,panowidget
PS:最新的SDK已经没有这三个文件夹了,使用下一步的依赖库即可

2.1.2 依赖该库

复制内容到剪贴板
  1. compile 'com.google.vr:sdk-panowidget:1.30.0'  
  2. //compile project(':common')  
  3. //compile project(':commonwidget')  
  4. //compile project(':panowidget')  
  5. //google的一套序列化数据结构开发库  
  6. //compile 'com.google.protobuf.nano:protobuf-javanano:3.0.0-alpha-7'  

 

2.1.3 准备全景图片测试资源

放在assets目录 例:assets/a.jpg(全景图与普通图片的不同 大,立体)

2.1.4 功能清单配置

android:largeHeap=”true” 全景图片比较耗资源

复制内容到剪贴板
  1. <application  
  2.     android:largeHeap="true">  
  3. </application>  

 

2.2 布局全景控件显示加载后的全景图片

复制内容到剪贴板
  1. <com.google.vr.sdk.widgets.pano.VrPanoramaView  
  2.     android:layout_width="match_parent"  
  3.     android:layout_height="match_parent"  
  4.     android:id="@+id/vr_pv" />  

 

复制内容到剪贴板
  1. public class MainActivity extends AppCompatActivity {  
  2.   
  3.     private VrPanoramaView vrPanoramaView;  
  4.     private ImageTask imageTask;  
  5.   
  6.     @Override  
  7.     protected void onCreate(Bundle savedInstanceState) {  
  8.         super.onCreate(savedInstanceState);  
  9.         setContentView(R.layout.activity_main);  
  10.         //全景图片的浏览功能  
  11.         //步骤一。下载github上google开源 vr-sdk  
  12.         //1.1.导入到我们的工作空间 common,commonwidget  panowidget  
  13.         //1.2.依赖到我们的项目中  
  14.         //1.3.依赖sdk中找不到的api  
  15.         //1.4.准备一些测试素材 放置在assets目录下面 例:assets/a.jpg  
  16.         //1.5.开启内存设置  android:largeHeap="true"尽可能使应用使用最大内存  

 

2.2.1 布局查找控件

复制内容到剪贴板
  1. //步骤二。布局全景控件显示加载后的全景图片  
  2. //2.1.布局查找控件  
  3. vrPanoramaView = (VrPanoramaView) findViewById(R.id.vr_pv);  

 

2.2.2 设置初始化参数

复制内容到剪贴板
  1. //2.2.设置初始化参数  
  2. vrPanoramaView.setDisplayMode(VrWidgetView.DisplayMode.FULLSCREEN_STEREO);  
  3. //删除不需要连接,信息图标  
  4. vrPanoramaView.setInfoButtonEnabled(false);  
  5. //隐藏全屏按钮  
  6. vrPanoramaView.setFullscreenButtonEnabled(false);  

 

2.2.3 创建异步任务加载图片

Bitmap是图片在内存中的表示对象,全景图也可加载成bitmap

复制内容到剪贴板
  1.    //2.3.创建异步任务加载图片 Bitmap是图片在内存中的表示对象,全景图也可加载成bitmap  
  2.     imageTask = new ImageTask();  
  3.     imageTask.execute();  
  4.   
  5. }  
  6. private class ImageTask extends AsyncTask<Void, Void, Bitmap> {  
  7.     @Override  
  8.     protected Bitmap doInBackground(Void... params) {  
  9.         //2.4.从资产目录打开一个流  
  10.         try {  
  11.             InputStream inputStream = getAssets().open("a.jpg");  
  12.             //2.5.使用BitmapFactory转换成Bitmap  
  13.             Bitmap bitmap = BitmapFactory.decodeStream(inputStream);  
  14.             return bitmap;  
  15.         } catch (IOException e) {  
  16.             e.printStackTrace();  
  17.         }  
  18.         return null;  
  19.     }  
  20.   
  21.     //2.6任务执行完后,可获取Bitmap图片  
  22.     @Override  
  23.     protected void onPostExecute(Bitmap bitmap) {  
  24.         super.onPostExecute(bitmap);  
  25.         if (bitmap != null) {  
  26.             //loadImageFromBitmap加载bitmap到显示控件 参1.bitmap 参2 显示参数的封装  
  27.             VrPanoramaView.Options options = new VrPanoramaView.Options();  
  28.             //加载立体图片,上部分显示在左眼,下部分显示在右眼  
  29.             options.inputType = VrPanoramaView.Options.TYPE_STEREO_OVER_UNDER;  
  30.             if (listener == null) {  
  31.                 listener = new VrPanoramaEventListener() {  
  32.                     @Override  
  33.                     public void onLoadError(String errorMessage) {  
  34.                         super.onLoadError(errorMessage);  
  35.                         //处理加载失败的情况  
  36.                         Toast.makeText(MainActivity.this"错误消息:" + errorMessage, Toast.LENGTH_SHORT).show();  
  37.                     }  
  38.   
  39.                     @Override  
  40.                     public void onLoadSuccess() {  
  41.                         super.onLoadSuccess();  
  42.                         //成功的情况提示下现在要进行全景图片的展示  
  43.                         Toast.makeText(MainActivity.this"进入vr:", Toast.LENGTH_SHORT).show();  
  44.                     }  
  45.                 };  
  46.                 // 增加加载出错的业务逻辑处理  
  47.                 vrPanoramaView.setEventListener(listener);  
  48.             }  
  49.             //2.7.让控件加载bitmap对象  
  50.             vrPanoramaView.loadImageFromBitmap(bitmap, options);  
  51.             //2.8.如果loadImageFromBitmap加载失败需要提示用户相关信息则需要添加事件监听器listener  
  52.         }  
  53.     }  
  54. }  
  55. private VrPanoramaEventListener listener;  

2.3 VrPanoramaView控件退到后台,回到屏幕,销毁处理细节

 

复制内容到剪贴板
  1. //步骤三。VrPanoramaView控件退到后台,回到屏幕,销毁处理细节  
  2.  //3.1.退到后台.暂停显示  
  3.  @Override  
  4.  protected void onPause() {  
  5.      super.onPause();  
  6.      if (vrPanoramaView != null) {  
  7.          vrPanoramaView.pauseRendering();  
  8.      }  
  9.  }  
  10.  //3.2.回到屏幕,恢复显示  
  11.  @Override  
  12.  protected void onResume() {  
  13.      super.onResume();  
  14.      if (vrPanoramaView != null) {  
  15.          vrPanoramaView.resumeRendering();  
  16.      }  
  17.  }  
  18.  //3.3.退出界面停止显示  
  19.  @Override  
  20.  protected void onDestroy() {  
  21.      if (vrPanoramaView != null) {  
  22.          vrPanoramaView.shutdown();  
  23.      }  
  24.      if (imageTask != null && !imageTask.isCancelled()) {//销毁任务  
  25.          imageTask.cancel(true);  
  26.          imageTask = null;  
  27.      }  
  28.      super.onDestroy();  
  29.  }  
复制内容到剪贴板
  1. package com.itheima.demovrimagevideo2;  
  2.   
  3. import android.graphics.Bitmap;  
  4. import android.graphics.BitmapFactory;  
  5. import android.os.AsyncTask;  
  6. import android.support.v7.app.AppCompatActivity;  
  7. import android.os.Bundle;  
  8. import android.widget.Toast;  
  9.   
  10. import com.google.vr.sdk.widgets.common.VrWidgetView;  
  11. import com.google.vr.sdk.widgets.pano.VrPanoramaEventListener;  
  12. import com.google.vr.sdk.widgets.pano.VrPanoramaView;  
  13.   
  14. import java.io.IOException;  
  15. import java.io.InputStream;  
  16.   
  17. public class MainActivity extends AppCompatActivity {  
  18.   
  19.     private VrPanoramaView vrPanoramaView;  
  20.     private ImageTask imageTask;  
  21.   
  22.     @Override  
  23.     protected void onCreate(Bundle savedInstanceState) {  
  24.         super.onCreate(savedInstanceState);  
  25.         setContentView(R.layout.activity_main);  
  26.         //全景图片的浏览功能  
  27.         //步骤一。下载github上google开源 vr-sdk  
  28.         //1.1.导入到我们的工作空间 common,commonwidget  panowidget  
  29.         //1.2.依赖到我们的项目中  
  30.         //1.3.依赖sdk中找不到的api  
  31.         //1.4.准备一些测试素材 放置在assets目录下面 例:assets/a.jpg  
  32.         //1.5.开启内存设置  android:largeHeap="true"尽可能使应用使用最大内存  
  33.         //步骤二。将全景图片加载到内存中,再显示在控件  
  34.         //2.1.布局全景图片显示控件  
  35.         vrPanoramaView = (VrPanoramaView) findViewById(R.id.vr_pano);  
  36.         //删除不需要连接  
  37.         vrPanoramaView.setInfoButtonEnabled(false);  
  38.         //隐藏全屏按钮  
  39.         vrPanoramaView.setFullscreenButtonEnabled(false);  
  40.         //2.2.所有的图片在内存表示成Bitmap  
  41.         imageTask = new ImageTask();  
  42.         imageTask.execute();  
  43.         //vrPanoramaView.loadImageFromBitmap(bitmap);  
  44.     }  
  45.   
  46.     //2.3.AsyncTask异步加载  
  47.     private class ImageTask extends AsyncTask<Void, Void, Bitmap> {  
  48.         @Override  
  49.         protected Bitmap doInBackground(Void... params) {  
  50.             try {  
  51.                 InputStream inputStream = getAssets().open("a.jpg");  
  52.                 //2.4.使用BitmapFactory 可以sd ,byte[] inputstream-->Bitmap  
  53.                 Bitmap bitmap = BitmapFactory.decodeStream(inputStream);  
  54.                 return bitmap;  
  55.             } catch (IOException e) {  
  56.                 e.printStackTrace();  
  57.             }  
  58.             return null;  
  59.         }  
  60.   
  61.         @Override  
  62.         protected void onPostExecute(Bitmap bitmap) {  
  63.             super.onPostExecute(bitmap);  
  64.             if (bitmap != null) {  
  65.                 //loadImageFromBitmap加载bitmap到显示控件 参1.bitmap 参2 显示参数的封装  
  66.                 VrPanoramaView.Options option = new VrPanoramaView.Options();  
  67.                 //立体图片:上半张显示在左眼,下半张显示在右眼  
  68.                 option.inputType = VrPanoramaView.Options.TYPE_STEREO_OVER_UNDER;  
  69.                 VrPanoramaEventListener listener=new VrPanoramaEventListener(){  
  70.                     @Override  
  71.                     public void onLoadSuccess() {  
  72.                         super.onLoadSuccess();  
  73.                         //成功的情况提示下现在要进行全景图片的展示  
  74.                         Toast.makeText(MainActivity.this"进入vr图片", Toast.LENGTH_SHORT).show();  
  75.                     }  
  76.                     @Override  
  77.                     public void onLoadError(String errorMessage) {  
  78.                         super.onLoadError(errorMessage);  
  79.                         //处理加载失败的情况  
  80.                         Toast.makeText(MainActivity.this"E:"+errorMessage, Toast.LENGTH_SHORT).show();  
  81.                     }  
  82.                 };  
  83.                 //2.5.增加加载出错的业务逻辑处理  
  84.                 vrPanoramaView.setEventListener(listener);  
  85.                 //2.6.全屏展示  
  86.                 vrPanoramaView.setDisplayMode(VrWidgetView.DisplayMode.FULLSCREEN_MONO);  
  87.                 //2.4.加载bitmap到控件上显示  
  88.                 vrPanoramaView.loadImageFromBitmap(bitmap, option);  
  89.             }  
  90.         }  
  91.     }  
  92.     //步骤三。优化程序细节 ,页面退到后台,暂停显示 ,页面显示在屏幕 恢复显示。销毁页面,释放全景图片  
  93.   
  94.     //3.1 页面退到后台,暂停显示  
  95.     @Override  
  96.     protected void onPause() {  
  97.         super.onPause();  
  98.         if(vrPanoramaView!=null)  
  99.         {  
  100.             vrPanoramaView.pauseRendering();  
  101.         }  
  102.     }  
  103.     //3.2 页面显示在屏幕 恢复显示  
  104.     @Override  
  105.     protected void onResume() {  
  106.         super.onResume();  
  107.         if(vrPanoramaView!=null)  
  108.         {  
  109.             vrPanoramaView.resumeRendering();  
  110.         }  
  111.     }  
  112.     //3.3.销毁页面,释放全景图片  
  113.     @Override  
  114.     protected void onDestroy() {  
  115.         super.onDestroy();  
  116.         if (vrPanoramaView != null) {  
  117.             vrPanoramaView.shutdown();  
  118.         }  
  119.         if (imageTask != null && !imageTask.isCancelled()) {  
  120.             imageTask.cancel(true);  
  121.             imageTask = null;  
  122.         }  
  123.     }  
  124. }  

3. 全景视频显示开发

3. 全景视频显示开发.jpg

3.1 vr视频环境搭建

  • 导入需要的三个库 common,comonwidget.videowiget
  • 依赖这三个库
  • 准备显示使用到全景视频 assets目录下面 例:assets/b.mp4
  • 配置大内存选项 android:largeHeap=”true” 可以使用最大内存

3.1.1 导入vr sdk 中的相关库

common,commonwidget,videowidget
PS:最新的SDK已经没有这三个文件夹了,使用下一步的依赖库即可

3.1.2 依赖以上三个库

复制内容到剪贴板
  1. compile 'com.google.vr:sdk-videowidget:1.30.0'  
  2. //compile project(':common')  
  3. //compile project(':commonwidget')  
  4. //compile project(':videowidget')  
  5. // 出现类未定义错误的缺少库  
  6. //compile 'com.google.android.exoplayer:exoplayer:r1.5.10'  
  7. //compile 'com.google.protobuf.nano:protobuf-javanano:3.0.0-alpha-7'  

 

3.1.3 打开内存设置 android:largeHeap=”true”

复制内容到剪贴板
  1. <application  
  2.         android:largeHeap="true">  
  3. </application>  

 

3.1.4 准备测试使用的全景视频

放置在assets目录 例:assets/congo_2048.mp4

3.2 布局视频控件,并加载视频内容

复制内容到剪贴板
  1. public class MainActivity extends AppCompatActivity {  
  2.   
  3.     private VrVideoView vrVideoView;  
  4.     private VideoTask videoTask;  
  5.     private SeekBar seekBar;  
  6.     private TextView text;  
  7.   
  8.     @Override  
  9.     protected void onCreate(Bundle savedInstanceState) {  
  10.         super.onCreate(savedInstanceState);  
  11.         setContentView(R.layout.activity_main);  
  12.         //步骤一。搭建vr全景视频的开发环境  
  13.         //1.1.导入需要的三个库 common,comonwidget.videowiget  
  14.         //1.2.依赖这三个库  
  15.         //1.3.准备显示使用到全景视频 assets目录下面 例:assets/b.mp4  
  16.         //1.4.配置大内存选项   android:largeHeap="true" 可以使用最大内存  
  17.         //步骤二。布局视频控件,并加载视频内容  
  18.         //2.1布局控件  
  19.         //2.2查找控件  
  20.         vrVideoView = (VrVideoView) findViewById(R.id.vr_vv);  
  21.         //2.3加载视频数据  
  22.         videoTask = new VideoTask();  
  23.         videoTask.execute("congo_2048.mp4");  
  24.     }  
  25.     // 创建异步任务防止占用主线程  
  26.     private class VideoTask extends AsyncTask<String, Void, Void> {  
  27.         @Override  
  28.         protected Void doInBackground(String... params) {  
  29.            // 把文件名取出来进行加载  视频资源来自asssets  
  30.             VrVideoView.Options options = new VrVideoView.Options();  
  31.             //2.4.输入模式  
  32.             //立体模式  
  33.             options.inputType = VrVideoView.Options.TYPE_STEREO_OVER_UNDER;  
  34.             //2.5.设置视频来源  
  35.             //处理视频加载的格式(sd卡或者assets)  
  36.             //options.inputFormat = VrVideoView.Options.FORMAT_DEFAULT;  
  37.             //FORMAT_DEFAULT 视频资源来自assetss/sd  
  38.             //FORMAT_HLS 视频来自网络流媒 直播  
  39.             //处理视频加载的格式 流媒体直播格式  
  40.             options.inputFormat=VrVideoView.Options.FORMAT_HLS;  
  41.             try {  
  42.                 //2.8 如果资源有问题,不能正常播放需要处理下界面提示  
  43.                 if (listener == null) {  
  44.                     listener = new VrVideoEventListener() {  
  45.                         @Override  
  46.                         public void onLoadSuccess() {  
  47.                             super.onLoadSuccess();  
  48.                             //获取当前总时长  
  49.                             long max=vrVideoView.getDuration();  
  50.                             seekBar.setMax((int) max);  
  51.                             seekBar.setProgress(0);  
  52.                             Toast.makeText(MainActivity.this"准备播放vr", Toast.LENGTH_SHORT).show();  
  53.   
  54.                         }  
  55.                         @Override  
  56.                         public void onNewFrame() {  
  57.                             super.onNewFrame();  
  58.                             //获取当前播放位置  
  59.                             long currentPosition = vrVideoView.getCurrentPosition();  
  60.                             //设置当前进度  
  61.                             seekBar.setProgress((int) currentPosition);  
  62.                             //时间值  
  63.                             String total=String.format("%.2f",vrVideoView.getDuration()/1000f);  
  64.                             String curr=String.format("%.2f",vrVideoView.getCurrentPosition()/1000f);  
  65.                             text.setText("播放进度"+curr+":"+total);  
  66.                         }  
  67.                         private boolean isPause=true;  
  68.                         @Override  
  69.                         public void onCompletion() {  
  70.                             super.onCompletion();  
  71.                             seekBar.setProgress(0);  
  72.                             vrVideoView.seekTo(0);//重回0位置  
  73.                             vrVideoView.pauseVideo();//暂停播放  
  74.                             isPause=true;//保存暂停状态  
  75.                         }  
  76.   
  77.                         @Override  
  78.                         public void onClick() {  
  79.                             super.onClick();  
  80.                             if (isPause) {//播放  
  81.                                 vrVideoView.playVideo();  
  82.                                 isPause=false;  
  83.                             } else {  
  84.                                 vrVideoView.pauseVideo();  
  85.                                 isPause=true;  
  86.                             }  
  87.                         }  
  88.   
  89.                         @Override  
  90.                         public void onLoadError(String errorMessage) {  
  91.                             super.onLoadError(errorMessage);  
  92.                             Toast.makeText(MainActivity.this"加载失败", Toast.LENGTH_SHORT).show();  
  93.                         }  
  94.                     };  
  95.                     vrVideoView.setEventListener(listener);  
  96.                 }  
  97.                 //2.7加载视频资源  
  98.                 //vrVideoView.loadVideoFromAsset(params[0], options);  
  99.                 String url="http://youkesvideo.oss-cn-hangzhou.aliyuncs.com/movie2/2016/10/11/%E6%B9%84%E5%85%AC%E6%B2%B3%E8%A1%8C%E5%8A%A8.Operation.Mekong.2016.TC720P.X264.AAC.Mandarin.CHS.Mp4Ba.mp4";  
  100.                 vrVideoView.loadVideo(Uri.parse(url),options);  
  101.             } catch (IOException e) {  
  102.                 e.printStackTrace();  
  103.             }  
  104.             return null;  
  105.         }  
  106.     }  
  107.   
  108.     private VrVideoEventListener listener;  

 

3.3 处理页面退到后台,回到屏幕,页面销毁

复制内容到剪贴板
  1. //步骤三。处理页面退到后台,回到屏幕,页面销毁。  
  2.   
  3.  //3.1.页面退到后台暂停视频  
  4.  @Override  
  5.  protected void onPause() {  
  6.      super.onPause();  
  7.      if (vrVideoView != null) {  
  8.          vrVideoView.pauseRendering();  
  9.      }  
  10.  }  
  11.   
  12.  //3.2.页面回到屏幕继续播放  
  13.  @Override  
  14.  protected void onResume() {  
  15.      super.onResume();  
  16.      if (vrVideoView != null) {  
  17.          vrVideoView.resumeRendering();  
  18.      }  
  19.  }  
  20.   
  21.  //3.3.页面销毁  
  22.  @Override  
  23.  protected void onDestroy() {  
  24.      super.onDestroy();  
  25.      if (vrVideoView != null) {  
  26.          vrVideoView.shutdown();  
  27.      }  
  28.      if (videoTask != null && !videoTask.isCancelled()) {  
  29.          videoTask.cancel(false);  
  30.          videoTask = null;  
  31.      }  
  32.  }  

 

3.4 添加进度条相关事件

3.4.1布局查找出控件

复制内容到剪贴板
  1. <LinearLayout  
  2.     android:layout_width="match_parent"  
  3.     android:layout_height="wrap_content"  
  4.     android:orientation="vertical">  
  5.     <SeekBar  
  6.         android:id="@+id/seek_bar"  
  7.         android:layout_width="match_parent"  
  8.         android:layout_height="wrap_content" />  
  9.     <TextView  
  10.         android:id="@+id/text"  
  11.         android:background="#AEAEAE"  
  12.         android:layout_width="wrap_content"  
  13.         android:layout_height="wrap_content"  
  14.         android:gravity="center"  
  15.         android:textColor="#FFFFFF"  
  16.         android:textSize="22sp"  
  17.         android:text="00:00" />  
  18. </LinearLayout>  
复制内容到剪贴板
  1. seekBar = (SeekBar) findViewById(R.id.seek_bar);  
  2. text = (TextView) findViewById(R.id.text);  

 

3.4.2.加载成功设置最大值

在VrVideoEventListener中的onLoadSuccess处理

3.4.3.在播放过程中不断更新

进度值 onNewFrame 每播放一个画面就调用该方法一次

3.4.4.同步理新文本时间值

在VrVideoEventListener中的onNewFrame处理

3.4.5.播放完成重新播放

在VrVideoEventListener中的onCompletion处理

复制内容到剪贴板
  1. package com.itheima.appvideo;  
  2.   
  3. import android.os.AsyncTask;  
  4. import android.support.v7.app.AppCompatActivity;  
  5. import android.os.Bundle;  
  6. import android.widget.SeekBar;  
  7. import android.widget.TextView;  
  8. import android.widget.Toast;  
  9.   
  10. import com.google.vr.sdk.widgets.common.VrWidgetView;  
  11. import com.google.vr.sdk.widgets.video.VrVideoEventListener;  
  12. import com.google.vr.sdk.widgets.video.VrVideoView;  
  13.   
  14. import java.io.IOException;  
  15.   
  16. public class MainActivity extends AppCompatActivity {  
  17.   
  18.     private VrVideoView vrVideoView;  
  19.     private VideoTask task;  
  20.     private SeekBar seekBar;  
  21.     private TextView timeText;  
  22.   
  23.     @Override  
  24.     protected void onCreate(Bundle savedInstanceState) {  
  25.         super.onCreate(savedInstanceState);  
  26.         setContentView(R.layout.activity_main);  
  27.         //步骤一。搭建vr全景视频的开发环境  
  28.         //1.1.导入需要的三个库 common,comonwidget.videowiget  
  29.         //1.2.依赖这三个库  
  30.         //1.3.准备显示使用到全景视频 assets目录下面 例:assets/b.mp4  
  31.         //1.4.配置大内存选项   android:largeHeap="true" 可以使用最大内存  
  32.         //步骤二。加载视频到内存中,再使用控件显示  
  33.         //2.1 布局全景视频控件  
  34.         vrVideoView = (VrVideoView) findViewById(R.id.vr_video_view);  
  35.         //2.2加载全景视频  
  36.         task = new VideoTask();  
  37.         task.execute("b.mp4");  
  38.         seekBar = (SeekBar) findViewById(R.id.seekbar);  
  39.         timeText = (TextView) findViewById(R.id.time);  
  40.     }  
  41.   
  42.     //2.2.1创建异步任务防止占用主线程  
  43.     private class VideoTask extends AsyncTask<String, Void, Void> {  
  44.         @Override  
  45.         protected Void doInBackground(String... params) {  
  46.             //2.2.2.把文件名取出来进行加载  视频资源来自asssets  
  47.             VrVideoView.Options options = new VrVideoView.Options();  
  48.             //立体的视频资源:上半画面显示在左眼,下半画面显示右眼  
  49.             options.inputType = VrVideoView.Options.TYPE_STEREO_OVER_UNDER;  
  50.             //FORMAT_DEFAULT 视频资源来自assetss/sd  
  51.             //FORMAT_HLS 视频来自网络流媒 直播  
  52.             options.inputFormat = VrVideoView.Options.FORMAT_DEFAULT;  
  53.             try {  
  54.                 //步骤四.编写进度显示 业务逻辑  
  55.                 VrVideoEventListener listener = new VrVideoEventListener() {  
  56.                     //4.1.加载成功  
  57.                     @Override  
  58.                     public void onLoadSuccess() {  
  59.                         super.onLoadSuccess();  
  60.                         Toast.makeText(MainActivity.this"准备放3d视频", Toast.LENGTH_SHORT).show();  
  61.                         upProgress();  
  62.                     }  
  63.   
  64.                     //4.2加载失败的提示  
  65.                     @Override  
  66.                     public void onLoadError(String errorMessage) {  
  67.                         super.onLoadError(errorMessage);  
  68.                         Toast.makeText(MainActivity.this"视频加载失败" + errorMessage, Toast.LENGTH_SHORT).show();  
  69.                     }  
  70.   
  71.                     //4.3.显示播放时长与播放进度  
  72.                     //4.3.1.布局显示控件SeekBar 与TextView  
  73.                     //4.3.2.查找出来  
  74.                     //4.3.3.在onLoadSuccess里面获取视频时长 视频播放位置  
  75.                     //4.3.4.在onNewFrame  不断获取最新的进度值来更新界面  
  76.                     @Override//播放了一个画面,onNewFrame就被调用次  
  77.                     public void onNewFrame() {  
  78.                         super.onNewFrame();  
  79.                         upProgress();  
  80.                     }  
  81.   
  82.                     private boolean isPause = false;  
  83.   
  84.                     //4.4.处理播放完成  
  85.                     @Override  
  86.                     public void onCompletion() {  
  87.                         super.onCompletion();  
  88.                         vrVideoView.seekTo(0);  
  89.                         vrVideoView.pauseVideo();  
  90.                         isPause = true;  
  91.                         upProgress();  
  92.                     }  
  93.   
  94.                     //4.5.点击业务  
  95.                     @Override  
  96.                     public void onClick() {  
  97.                         super.onClick();  
  98.                         if (isPause) {  
  99.                             isPause = false;  
  100.                             vrVideoView.playVideo();  
  101.                         } else {  
  102.                             isPause = true;  
  103.                             vrVideoView.pauseVideo();  
  104.                         }  
  105.                     }  
  106.                 };  
  107.                 vrVideoView.setEventListener(listener);  
  108.                 vrVideoView.loadVideoFromAsset(params[0], options);//参1文件名 参2 设置参数  
  109.             } catch (IOException e) {  
  110.                 e.printStackTrace();  
  111.             }  
  112.             return null;  
  113.         }  
  114.   
  115.         private void upProgress() {  
  116.             long max = vrVideoView.getDuration();  
  117.             long currPosition = vrVideoView.getCurrentPosition();  
  118.             seekBar.setMax((int) max);  
  119.             seekBar.setProgress((int) currPosition);  
  120.             timeText.setText(String.format("%.2f", currPosition / 1000f) + "/" + String.format("%.2f", max / 1000f));  
  121.         }  
  122.     }  
  123.     //步骤三。程序优化 页面退到后台,暂停  页面回到屏幕继续播放  页面销毁 关闭  
  124.   
  125.     //3.1. 页面退到后台,暂停  
  126.     @Override  
  127.     protected void onPause() {  
  128.         super.onPause();  
  129.         if (vrVideoView != null) {  
  130.             vrVideoView.pauseRendering();  
  131.         }  
  132.     }  
  133.   
  134.     //3.2 页面回到屏幕继续播放  
  135.     @Override  
  136.     protected void onResume() {  
  137.         super.onResume();  
  138.         if (vrVideoView != null) {  
  139.             vrVideoView.resumeRendering();  
  140.         }  
  141.     }  
  142.   
  143.     //3.3. 页面销毁 关闭销毁  
  144.     @Override  
  145.     protected void onDestroy() {  
  146.         super.onDestroy();  
  147.         if (vrVideoView != null) {  
  148.             vrVideoView.shutdown();  
  149.         }  
  150.         if (task != null && !task.isCancelled()) {  
  151.             task.cancel(true);  
  152.             task = null;  
  153.         }  
  154.     }  
  155. }  

GitHub:https://github.com/JackChen1999/GoogleVR

 

感谢 Android-Dev 支持 磐实编程网 原文地址:
blog.csdn.net/axi295309066/article/details/61014105

上一篇:android 编译打包烧录

下一篇:返回列表

文章信息

发布时间:2017-03-12

作者:Android-Dev

发布者:aquwcw

浏览次数: