Google VR for Android 敲門

沉默的範大叔發表於2017-02-17
GoVRAndroid

Github

VRDemo

VR

虛擬現實（Virtual Reality）技術是一種可以建立和體驗虛擬世界的計算機模擬系統，它利用計算機生成一種模擬環境，是一種多源資訊融合的、互動式的三維動態視景和實體行為的系統模擬, 使使用者沉浸到該環境中。

VR產品

Google VR for Android

Google VR for Android支援DayDream和Cardboard。

SDK下載

使用git命名下載或者直接在github上下載壓縮包

git clone https://github.com/googlevr/gvr-android-sdk.git複製程式碼

官方Sample執行

匯入gvr-android-sdk到Android Studio, 同步的過程中需要下載很多庫所以會比較耗時，另外可能出現build失敗的情況，這時可以嘗試使用本地的gradle來編譯。
gradle版本最好為最新版本。

Google VR for Android 敲門

simplepanowidget

simplepanowidget展示了印加文明遺蹟馬丘比丘的全景圖(Panorama)

Google VR for Android 敲門

在真機上執行時，會有一個Cardboard選項。

Google VR for Android 敲門

點選上圖紅色框中的按鈕即可進入Cardboard模式。

Google VR for Android 敲門

Demo程式碼的主要邏輯就是載入一張全景圖放入VrPanoramaView中。

panoOptions = new Options();
panoOptions.inputType = Options.TYPE_STEREO_OVER_UNDER;//影象型別為立體影象
istr = assetManager.open("andes.jpg");//載入assets目錄下的全景圖
panoWidgetView.loadImageFromBitmap(BitmapFactory.decodeStream(istr), panoOptions);複製程式碼

全景圖片andes是由兩張圖片組成，上面一張是給左眼看，下面一張是給右眼看。

Google VR for Android 敲門

圖片型別

Google VR for Android 敲門

simeplevideowidget

simeplevideowidget展示了剛果雨林中大猩猩的360視訊。

Google VR for Android 敲門

Demo的核心程式碼是載入assets目錄下的congo.mp4視訊到VrVideoView中

videoWidgetView.loadVideoFromAsset("congo.mp4", options);複製程式碼

congo.mp4的視訊內容也是分為上下部分，上面給左眼看，下面給右眼看。

Google VR for Android 敲門

treasurehunt

treasurehunt展示了一個簡單到離譜的尋寶遊戲，當vr世界中矩形變成金黃色時，點選手機螢幕或者使用Daydream的控制器，即可完成尋寶。遊戲還伴有音效。

Google VR for Android 敲門

controllerclient

接收DayDream控制器輸入示例

videoplayer

使用Asynchronous Reprojection播放視訊示例

全景圖（PanoramaActivity）

1. 配置build.gradle

//修改minSDK為19
minSdkVersion 19
//新增依賴
compile 'com.google.vr:sdk-panowidget:1.20.0'複製程式碼

2. 配置AndroidManifest.xml

由於全景圖佔記憶體較大，當載入多張全景圖時可能存在記憶體溢位的情況，所以這裡開啟largeHeap。

<application
    android:largeHeap="true">
</application>複製程式碼

3. 載入全景圖

private class LoadPanoramaImageTask extends AsyncTask<Void, Void, Bitmap> {

    @Override
    protected Bitmap doInBackground(Void... params) {
        try {
            //載入assets目錄下的全景圖片
            AssetManager assetManager = getAssets();
            InputStream open = assetManager.open("andes.jpg");
            return BitmapFactory.decodeStream(open);
        } catch (IOException e) {
            e.printStackTrace();
        }
        return null;
    }

    @Override
    protected void onPostExecute(Bitmap bitmap) {
        VrPanoramaView.Options options = new VrPanoramaView.Options();
        //圖片型別為立體影象
        options.inputType = VrPanoramaView.Options.TYPE_STEREO_OVER_UNDER;
        mVrPanoramaView.loadImageFromBitmap(bitmap, options);
    }
}複製程式碼

4. 繩命週期管理

@Override
protected void onPause() {
    mVrPanoramaView.pauseRendering();
    super.onPause();
}

@Override
protected void onResume() {
    super.onResume();
    mVrPanoramaView.resumeRendering();
}

@Override
protected void onDestroy() {
    // Destroy the widget and free memory.
    mVrPanoramaView.shutdown();
    // The background task has a 5 second timeout so it can potentially stay alive for 5 seconds
    // after the activity is destroyed unless it is explicitly cancelled.
    if (mLoadPanoramaImageTask != null) {
        mLoadPanoramaImageTask.cancel(true);
    }
    super.onDestroy();
}複製程式碼

5. 事件監聽

mVrPanoramaView.setEventListener(mVrPanoramaEventListener);

private VrPanoramaEventListener mVrPanoramaEventListener = new VrPanoramaEventListener() {
    /**
     * 點選回撥
     */
    @Override
    public void onClick() {
        super.onClick();
    }

    /**
     * 載入資料成功回撥
     */
    @Override
    public void onLoadSuccess() {
        super.onLoadSuccess();
    }

    /**
     * 載入資料失敗回撥
     */
    @Override
    public void onLoadError(String errorMessage) {
        super.onLoadError(errorMessage);
    }
};複製程式碼

360 視訊

1. 配置build.gradle

//新增依賴
//minSdkVersion 19//已經配置則忽略
compile 'com.google.vr:sdk-videowidget:1.20.0'複製程式碼

2. 配置AndroidManifest.xml (已經配置則忽略)

<application
    android:largeHeap="true">
</application>複製程式碼

3. 載入視訊

VrVideoView.Options options = new VrVideoView.Options();
//視訊型別為立體視訊
options.inputType = VrVideoView.Options.TYPE_STEREO_OVER_UNDER;
try {
    mVrVideoView.loadVideoFromAsset("congo.mp4", options);
} catch (IOException e) {
    e.printStackTrace();
}複製程式碼

4. 繩命週期管理

@Override
protected void onPause() {
    super.onPause();
    // Prevent the view from rendering continuously when in the background.
    mVrVideoView.pauseRendering();
    // If the video is playing when onPause() is called, the default behavior will be to pause
    // the video and keep it paused when onResume() is called.
    isPaused = true;
}

@Override
protected void onResume() {
    super.onResume();
    mVrVideoView.resumeRendering();
}

@Override
protected void onDestroy() {
    // Destroy the widget and free memory.
    mVrVideoView.shutdown();
    super.onDestroy();
}複製程式碼

5. 事件監聽

private VrVideoEventListener mVrEventListener = new VrVideoEventListener() {

    @Override
    public void onLoadError(String errorMessage) {
        Toast.makeText(VrVideoActivity.this, "onLoadError", Toast.LENGTH_SHORT).show();
    }

    @Override
    public void onLoadSuccess() {
        Toast.makeText(VrVideoActivity.this, "onLoadSuccess", Toast.LENGTH_SHORT).show();
    }

    @Override
    public void onNewFrame() {
    }

    @Override
    public void onCompletion() {
        Toast.makeText(VrVideoActivity.this, "onCompletion", Toast.LENGTH_SHORT).show();
        mVrVideoView.seekTo(0);//播放結束後重新開始播放
    }

    @Override
    public void onClick() {
        togglePause();//點選暫停或者播放
    }
};複製程式碼

Demo

Google VR for Android 敲門

該Demo簡單展示了全景圖控制元件VrPanoramaView的使用，及其相關的基本的配置。

初始化VrPanoramaView

private void initPanoramaView() {
    mVrPanoramaView = (VrPanoramaView) findViewById(R.id.vr_panorama_view);
    //mVrPanoramaView.setDisplayMode(VrWidgetView.DisplayMode.FULLSCREEN_MONO);//全屏模式，彈出一個全屏的Dialog
    mVrPanoramaView.setInfoButtonEnabled(false);//隱藏資訊按鈕
    mVrPanoramaView.setStereoModeButtonEnabled(false);//隱藏cardboard按鈕
    mVrPanoramaView.setFullscreenButtonEnabled(false);//隱藏全屏按鈕
    mUrl = getIntent().getStringExtra("url");
    OkGo.get(mUrl).cacheKey(mUrl).tag(mUrl).execute(new BitmapCallback() {

        @Override
        public void onSuccess(Bitmap bitmap, Call call, Response response) {
            VrPanoramaView.Options options = new VrPanoramaView.Options();
            //設定圖片型別為單通道圖片
            options.inputType = VrPanoramaView.Options.TYPE_MONO;
            mVrPanoramaView.loadImageFromBitmap(bitmap, options);
        }
    });
}複製程式碼

初始化MediaPlayer

/**
 * 如果有音樂資料則播放音樂
 */
private void initMediaPlayer() {
    String mp3 = getIntent().getStringExtra("mp3");
    if (mp3 != null) {
        mMediaPlayer = new MediaPlayer();
        try {
            mMediaPlayer.setDataSource(this, Uri.parse(mp3));
            mMediaPlayer.setOnPreparedListener(mOnPreparedListener);
            mMediaPlayer.prepareAsync();
        } catch (IOException e) {
            e.printStackTrace();
        }
    }
}複製程式碼

繩命週期管理

@Override
protected void onResume() {
    super.onResume();
    mVrPanoramaView.resumeRendering();
}

@Override
protected void onPause() {
    super.onPause();
    mVrPanoramaView.pauseRendering();
    if (mMediaPlayer != null) {
        mMediaPlayer.pause();
    }
}

@Override
protected void onDestroy() {
    super.onDestroy();
    mVrPanoramaView.shutdown();
    OkGo.getInstance().cancelTag(mUrl);//取消請求
    if (mMediaPlayer != null) {
        mMediaPlayer.release();
        mMediaPlayer = null;
    }
}複製程式碼

相關文章