Как создать андроид-приложение с виртуальной реальностью – работаем с VR SDK Android

<com.google.vr.sdk.widgets.pano.VrPanoramaView
        android:id="@+id/pano_view"
        android:layout_weight="5"
        android:layout_height="0dp"
        android:layout_margin="5dip"
        android:layout_width="match_parent"
        android:scrollbars="none"
        android:contentDescription="@string/codelab_img_description"/>

public class ImageLoaderTask extends AsyncTask<AssetManager, Void, Bitmap>  {
}

import android.content.res.AssetManager;
import android.graphics.Bitmap;
import android.os.AsyncTask;

public ImageLoaderTask(VrPanoramaView view, VrPanoramaView.Options viewOptions, String assetName) {
    viewReference = new WeakReference<>(view);
    this.viewOptions = viewOptions;
    this.assetName = assetName;
}

AssetManager assetManager = params[0];

if (assetName.equals(lastName) && lastBitmap.get() != null) {
    return lastBitmap.get();
}

try(InputStream istr = assetManager.open(assetName)) {
    Bitmap b = BitmapFactory.decodeStream(istr);
    lastBitmap = new WeakReference<>(b);
    lastName = assetName;
    return b;
} catch (IOException e) {
    Log.e(TAG, "Could not decode default bitmap: " + e);
    return null;
}

import android.graphics.BitmapFactory;
import android.util.Log;

import java.io.IOException;
import java.io.InputStream;

private ImageLoaderTask backgroundImageLoaderTask;

Добавим видео фрагмент с гориллами

Панорамное видео на смартфоне создать не получится. Для этого нужна специальная 360 градусная камера, самая дешевая сейчас стоит около 300 долларов. Для этого примера, мы будем использовать готовое панорамное видео, оно лежит в папке asset с именем congo_2048.mp4. Этим видео мы заменим изображение во втором фрагменте.

Откроем снова файл сценария сборки build.gradle для модуля приложения. Затем в разделе зависимостей, добавим компонент VideoWidget:

• anroid-sdk/libraries:videowidget

Это будет выглядеть следующим образом:

dependencies {
    compile fileTree(dir: 'libs', include: ['*.jar'])
    compile 'com.android.support:appcompat-v7:23.4.0'
    compile 'com.android.support:design:23.4.0'
    compile project(':gvr-android-sdk/libraries:common')
    compile project(':gvr-android-sdk/libraries:commonwidget')
    compile project(':gvr-android-sdk/libraries:panowidget')
    compile project(':gvr-android-sdk/libraries:videowidget')
}

Нажмем кнопку “Sync Now”, чтобы обновить проект.

добавим видео в макете

/**
     * Preserve the video's state and duration when rotating the phone. This improves 
     * performance when rotating or reloading the video.
     */
    private static final String STATE_IS_PAUSED = "isPaused";
    private static final String STATE_VIDEO_DURATION = "videoDuration";
    private static final String STATE_PROGRESS_TIME = "progressTime";


    /**
     * The video view and its custom UI elements.
     */
    private VrVideoView videoWidgetView;

    /**
     * Seeking UI & progress indicator. The seekBar's progress value represents milliseconds in the
     * video.
     */
    private SeekBar seekBar;
    private TextView statusText;

    /**
     * By default, the video will start playing as soon as it is loaded. 
     */
    private boolean isPaused = false;

Не забудьте добавим операторы импорта, если их еще нет:

import com.google.vr.sdk.widgets.video.VrVideoView;
import android.widget.SeekBar;
import android.widget.TextView;

Инициализируем переменные класса

Теперь, когда мы объявили нужные переменные, мы должны инициализировать и найти view компоненты по ID. Допишем в метод  onCreateView () такой код:

@Nullable
@Override
public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
    View view = inflater.inflate(R.layout.gorilla_fragment, container,false);
    seekBar = (SeekBar) view.findViewById(R.id.seek_bar);
    statusText = (TextView) view.findViewById(R.id.status_text);
    videoWidgetView = (VrVideoView) view.findViewById(R.id.video_view);

    // Add the restore state code here.
        
    // Add the seekbar listener here.

    // Add the VrVideoView listener here

    return view;
}

Инициализируем SeekBar Слушатель

Добавим слушателя onCreateView () перед оператором return.

// initialize the seekbar listener 
 seekBar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
    @Override
    public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {

        // if the user changed the position, seek to the new position.
        if (fromUser) {
            videoWidgetView.seekTo(progress);
            updateStatusText();
        }
    }

    @Override
    public void onStartTrackingTouch(SeekBar seekBar) {
        // ignore for now.
    }

    @Override
    public void onStopTrackingTouch(SeekBar seekBar) {
        // ignore for now.
    }
});

Инициализируем VrVideoView Слушатель

• onLoadSuccess – вызывается при успешной загрузке видео. Здесь мы устанавливаем длительность видео для компонента seekBar и активируем его. Также здесь обновляем текст состояния.
• onLoadError – вызывается при ошибке загрузки видео. Здесь создаем тост с сообщением об ошибке.
• OnClick – вызывается при касании или клике по video view. Будем приостанавливать видео и возобновлять воспроизведение поочередно. Также здесь обновляем текст состояния.
• onNewFrame – называется при воспроизведении каждого видеокадра. Здесь обновляем пользовательский интерфейс – текст состояния и текущее положение ползунка.
• onCompletion – вызывается по окончании видео. Воспроизводим видео в цикле. Этот метод также может использоваться для перемещения к следующему видео в списке воспроизведения.

private void updateStatusText() {
    String status = (isPaused ? "Paused: " : "Playing: ") +
            String.format(Locale.getDefault(), "%.2f", videoWidgetView.getCurrentPosition() / 1000f) +
            " / " +
            videoWidgetView.getDuration() / 1000f +
            " seconds.";
    statusText.setText(status);
}

И добавим еще один оператор импорта:

import java.util.Locale;

Обработка сохранения состояния видео

// initialize based on the saved state
if (savedInstanceState != null) {
    long progressTime = savedInstanceState.getLong(STATE_PROGRESS_TIME);
    videoWidgetView.seekTo(progressTime);
    seekBar.setMax((int)savedInstanceState.getLong(STATE_VIDEO_DURATION));
    seekBar.setProgress((int) progressTime);

    isPaused = savedInstanceState.getBoolean(STATE_IS_PAUSED);
    if (isPaused) {
        videoWidgetView.pauseVideo();
    }
} else {
    seekBar.setEnabled(false);
}

Обработка события жизненного цикла

@Override
public void onPause() {
    super.onPause();
    // Prevent the view from rendering continuously when in the background.
    videoWidgetView.pauseRendering();
    // If the video was 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
public void onResume() {
    super.onResume();
    // Resume the 3D rendering.
    videoWidgetView.resumeRendering();
    // Update the text to account for the paused video in onPause().
    updateStatusText();
}

@Override
public void onDestroy() {
    // Destroy the widget and free memory.
    videoWidgetView.shutdown();
    super.onDestroy();
}

Запускаем видео при открытии фрагмента