google vr 入門之製作簡易的VR播放器(二)

本篇博客是《google vr 入門之製作簡易的VR播放器及去除界面控制按鈕》的續篇：

是對上次創建的GVR播放器的優化與增強,建議先閱讀上篇

本篇對播放器設置做了進一步優化：

1.支持手觸模式

VR播放器有兩種變換觀看視頻角度的模式:
陀螺儀模式和手觸模式,GVR中默認陀螺儀模式一直存在,手觸模式有一個開關可以打開或者關閉(默認關閉)

mVideoView.setTouchTrackingEnabled(true);//開啓手觸模式

2.取消手機放入VR盒子中的提示

GVR播放器在進入眼鏡模式之前有一個頁面提示我們將手機放入GoogleCardboard眼鏡中,如圖所示:

有時候手機靜止不動,還不能進入眼鏡模式,好像系統在監測是否我們在進行將手機放入眼鏡盒子中這一過程,如果想去掉這一過程怎麼辦?

mVideoView.setTransitionViewEnabled(false);//設置將手機放入盒子中的提示取消

3.去除Android 7.0 without Google VR Services警告對話框

在Android 7.0的手機中使用GVR控件(全景圖或者全景視頻控件)總是會彈出一個警告對話框,如圖所示:

糾結這個問題已經半年多了,現在終於可以解決這個問題了,經過用戶反饋,Google終於修復了這個bug,處理如下:

將compile 'com.google.vr:sdk-videowidget:1.10.0'
換成compile 'com.google.vr:sdk-videowidget:1.40.0'
在1.40.0的這個版本中Google修復了without Google VR Services彈出警告對話框的問題

我現在直接說解決辦法好像很簡單的樣子,其實這個問題的解決過程還是很漫長的,github和stackoverflow都有討論這個問題,感興趣的同學可以看一下:

Avoid Google VR service Warning for nonDaydream devices?

Avoid Warning after Android 7 Update for nonDaydream devices?

除了上面對播放器設置的優化處理之外,還對播放的Activity做了一些優化處理：

4.剛開始加載視頻時,添加了一個等待的加載圈(一直轉圈,提醒用戶視頻正在加載中,視頻加載成功後隱藏)

5.播放控制面板的顯示和隱藏(使用Handler發消息控制)

a.加載視頻成功後,延時5秒隱藏控制面板
b.點擊屏幕顯示控制面板後,延時5秒隱藏
c.設置播放進度完成,手指離開進度條之後,延時5秒隱藏
d.視頻播放完成之後,延時5秒隱藏

6.添加播放完成後重播的功能

a.添加重播按鈕
b.播放完成後邏輯處理
c.點擊重播按鈕邏輯處理

7.播放器Activity狀態的保存

播放器Activity狀態的保存可以帶給用戶更舒適的體驗,比如用戶播放視頻的過程中,按下home鍵或者鎖屏鍵,之後又點擊我們的應用,那麼視頻應該繼續播放(用戶看到哪個位置,就從哪個位置繼續播放),如果未做播放器Activity狀態的保存處理,可能播放會重頭開始,也可能進入播放頁面視頻暫停播放,這些都是不好的用戶體驗。

對於播放Activity狀態的保存主要代碼如下：

@Override
    public void onSaveInstanceState(Bundle savedInstanceState) {
        //保存當前播放進度,視頻總時長,暫停播放狀態
        savedInstanceState.putLong(STATE_PROGRESS_TIME, mVideoView.getCurrentPosition());
        savedInstanceState.putLong(STATE_VIDEO_DURATION, mVideoView.getDuration());
        savedInstanceState.putBoolean(STATE_IS_PLAYING, isPlaying);
        super.onSaveInstanceState(savedInstanceState);
    }

    @Override
    public void onRestoreInstanceState(Bundle savedInstanceState) {
        super.onRestoreInstanceState(savedInstanceState);
        long progressTime = savedInstanceState.getLong(STATE_PROGRESS_TIME);
        mVideoView.seekTo(progressTime);//得到播放進度進行設置
        long duration = savedInstanceState.getLong(STATE_VIDEO_DURATION);
        mTotalDuration = RegularExpress.parseDuration(duration);
        mSeekBar.setMax((int) duration);
        mSeekBar.setProgress((int) progressTime);

        isPlaying = savedInstanceState.getBoolean(STATE_IS_PLAYING);
        performChangePlayState(isPlaying);//根據保存的播放狀態進行播放/暫停處理
    }


    private void handleIntent() {
        Uri uri;
        if ("".equals(mUrl)) {
            uri = Uri.parse("http://resource.vr-store.cn/appfile/6cc160ba38394af0a251d4275ea66c29.mp4");//壩上的雲
        } else {
            uri = Uri.parse(mUrl);
        }
        try {
            mVideoView.loadVideo(uri, option);
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

    @Override
    protected void onNewIntent(Intent intent) {
        setIntent(intent);
        handleIntent();
    }

另外對播放Activity的生命週期方法也做了對應的播放狀態處理：

@Override
    protected void onPause() {
        super.onPause();
        // Prevent the view from rendering continuously when in the background.
        mVideoView.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.
        //performChangePlayState(false);//停止播放,更換圖標狀態
        mVideoView.pauseVideo();//只做暫停處理,不對isPlaying進行賦值(可能是按home鍵鎖屏鍵等情況)
    }

    @Override
    protected void onResume() {
        super.onResume();
        // Resume the 3D rendering.
        mVideoView.resumeRendering();
        performChangePlayState(isPlaying);//根據之前的狀態執行播放/暫停處理(home/鎖屏退出又進入的情況)
    }

    @Override
    protected void onDestroy() {
        //https://developers.google.com/vr/android/reference/com/google/vr/sdk/widgets/common/VrWidgetView#shutdown()
        mVideoView.shutdown();
        mHandler.removeMessages(HIDE);
        mHandler = null;
        super.onDestroy();
    }

至此,這次VR播放器的更新優化已經說完了,貼一下播放Activity的代碼：

public class PlayerActivity extends Activity implements View.OnClickListener {
    private static final int HIDE = 0;//隱藏播放控制面板
    private static final String STATE_PROGRESS_TIME = "progressTime";
    private static final String STATE_VIDEO_DURATION = "videoDuration";
    private static final String STATE_IS_PLAYING = "isPlaying";
    private VrVideoView mVideoView;
    private VrVideoView.Options option = new VrVideoView.Options();
    private String mUrl;//上一個Activity傳遞過來的url播放地址
    private TextView mVideoDuration;
    private SeekBar mSeekBar;
    private View mVideoPorgressContainer;
    private String mTotalDuration;//視頻總時長, 00:08格式
    private ImageView mPlayView;
    private boolean isPlaying;//播放/暫停狀態標記
    private View mVideoVr;
    private View mReplay;//重播按鈕
    private View mVideoBuffer;//加載進度圈
    private Handler mHandler = new Handler() {
        @Override
        public void handleMessage(Message msg) {
            switch (msg.what) {
                case HIDE:
                    mVideoPorgressContainer.setVisibility(View.GONE);//隱藏播放控制面板
                    break;

                default:
                    break;
            }
        }
    };


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_player);
        Intent intent = getIntent();
        mUrl = intent.getStringExtra("url");//上一個Activity傳遞過來的url播放地址
        initView();
        initData();
        initListener();
    }

    @Override
    public void onSaveInstanceState(Bundle savedInstanceState) {
        //保存當前播放進度,視頻總時長,暫停播放狀態
        savedInstanceState.putLong(STATE_PROGRESS_TIME, mVideoView.getCurrentPosition());
        savedInstanceState.putLong(STATE_VIDEO_DURATION, mVideoView.getDuration());
        savedInstanceState.putBoolean(STATE_IS_PLAYING, isPlaying);
        super.onSaveInstanceState(savedInstanceState);
    }

    @Override
    public void onRestoreInstanceState(Bundle savedInstanceState) {
        super.onRestoreInstanceState(savedInstanceState);
        long progressTime = savedInstanceState.getLong(STATE_PROGRESS_TIME);
        mVideoView.seekTo(progressTime);//得到播放進度進行設置
        long duration = savedInstanceState.getLong(STATE_VIDEO_DURATION);
        mTotalDuration = RegularExpress.parseDuration(duration);
        mSeekBar.setMax((int) duration);
        mSeekBar.setProgress((int) progressTime);

        isPlaying = savedInstanceState.getBoolean(STATE_IS_PLAYING);
        performChangePlayState(isPlaying);//根據保存的播放狀態進行播放/暫停處理
    }


    private void handleIntent() {
        Uri uri;
        if ("".equals(mUrl)) {
            uri = Uri.parse("http://resource.vr-store.cn/appfile/6cc160ba38394af0a251d4275ea66c29.mp4");//壩上的雲
        } else {
            uri = Uri.parse(mUrl);
        }
        try {
            mVideoView.loadVideo(uri, option);
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

    @Override
    protected void onNewIntent(Intent intent) {
        setIntent(intent);
        handleIntent();
    }

    private void initView() {
        mVideoView = (VrVideoView) findViewById(R.id.video_view);
        mPlayView = (ImageView) findViewById(R.id.play);
        mReplay = findViewById(R.id.replay);
        mVideoDuration = (TextView) findViewById(R.id.video_duration);
        mSeekBar = (SeekBar) findViewById(R.id.video_progress);
        mVideoPorgressContainer = findViewById(R.id.video_progress_container);
        mVideoVr = findViewById(R.id.video_vr);
        mVideoBuffer = findViewById(R.id.video_buffer);

        mVideoView.setInfoButtonEnabled(false);//設置左側信息原圈不可見
        mVideoView.setFullscreenButtonEnabled(false);//設置全屏按鈕不可見
        mVideoView.setStereoModeButtonEnabled(false);//設置立體眼鏡模式按鈕不可見
        mVideoView.setTransitionViewEnabled(false);//設置將手機放入盒子中的提示取消
        mVideoView.setTouchTrackingEnabled(true);//開啓手觸模式
    }

    private void initData() {
        handleIntent();
        //第一次視頻加載成功的時候,isPlaying應該爲true,onLoadSuccess()方法會執行多次(初次加載視頻,seekTo()被調用,home/鎖屏退出再進入等都會執行)
        isPlaying = true;
        mSeekBar.setMax(Integer.MAX_VALUE);//防止剛加載視頻時進度條跳一下又返回正常比例,主要因爲第一次設置progress時,可能還未設置最大值
    }

    private void initListener() {
        mPlayView.setOnClickListener(this);
        mVideoVr.setOnClickListener(this);
        mReplay.setOnClickListener(this);
        mSeekBar.setOnSeekBarChangeListener(new SeekBarListener());
        mVideoView.setEventListener(new VrVideoEventListener() {
            @Override
            public void onClick() {
                //處理控制面板的顯示和隱藏
                int visibility = mVideoPorgressContainer.getVisibility();
                if (visibility == View.VISIBLE) {
                    mVideoPorgressContainer.setVisibility(View.GONE);
                } else {
                    mVideoPorgressContainer.setVisibility(View.VISIBLE);
                    hidePlayerControllerDelayed();//延時隱藏控制面板
                }
            }

            /**
             * Make the video mPlayView in a loop. This method could also be used to move to the next video in
             * a playlist.
             */
            @Override
            public void onCompletion() {
                //播放完成後的操作
                //mVideoView.seekTo(0);//循環播放效果
                performChangePlayState(false);
                mVideoPorgressContainer.setVisibility(View.VISIBLE);
                mReplay.setVisibility(View.VISIBLE);
                hidePlayerControllerDelayed();//延時隱藏控制面板
            }

            @Override
            public void onNewFrame() {
                updateVideoProgress();
            }

            @Override
            public void onLoadSuccess() {
                mVideoBuffer.setVisibility(View.GONE);//視頻加載成功隱藏加載進度圈
                long duration = mVideoView.getDuration();//視頻總時長,毫秒
                mTotalDuration = RegularExpress.parseDuration(duration);
                mSeekBar.setMax((int) duration);
                performChangePlayState(isPlaying);//視頻加載成功,開始播放更新狀態
                mVideoPorgressContainer.setVisibility(View.VISIBLE);//默認不可見,當加載視頻成功後顯示視頻時長等信息
                hidePlayerControllerDelayed();
                /**這裏解釋一下爲什麼沒把下面的判斷邏輯操作放在performClickPlay()方法的else語句中,因爲seekTo是耗時操作,不能馬上完成,在else語句中雖然seekTo(0)
                 * 但是緊接着執行mVideoView.playVideo();方法,視頻這時的播放位置還是在最後,會觸發onCompletion()方法,該方法中的mReplay.setVisibility(View.VISIBLE);
                 * 就被執行了,結果就是視頻雖然重播了,但是重播按鈕還是顯示的,爲避免這種情況,故做了下面的判斷操作[因爲seekTo(0)之後會執行onLoadSuccess()方法]
                 */
                if (mReplay.getVisibility() == View.VISIBLE) {
                    mReplay.setVisibility(View.GONE);
                }
            }

            @Override
            public void onLoadError(String errorMessage) {
                super.onLoadError(errorMessage);
                Toast.makeText(PlayerActivity.this, "加載視頻失敗,換個高配手機試試吧...", Toast.LENGTH_LONG).show();
                mVideoBuffer.setVisibility(View.GONE);//隱藏加載進度圈
            }

            @Override
            public void onDisplayModeChanged(int newDisplayMode) {
                super.onDisplayModeChanged(newDisplayMode);
            }
        });
    }

    /**
     * 更新播放進度
     */
    private void updateVideoProgress() {
        long currentPosition = mVideoView.getCurrentPosition();
        String currentPos = RegularExpress.parseDuration(currentPosition);
        mSeekBar.setProgress((int) (currentPosition));//更新播放進度
        StringBuilder sb = new StringBuilder();
        sb.append(currentPos);
        sb.append(" / ");
        if (mTotalDuration == null)
            mTotalDuration = RegularExpress.parseDuration(mVideoView.getDuration());
        sb.append(mTotalDuration);
        mVideoDuration.setText(sb);
    }

    @Override
    public void onClick(View view) {
        switch (view.getId()) {
            case R.id.play:
                performClickPlay();
                break;
            case R.id.video_vr:
                performClickVideoVr();
                break;
            case R.id.replay:
                performClickReplay();
                break;

            default:
                break;
        }
    }

    private void performClickReplay() {
        mVideoView.seekTo(0);//重播時進度置爲初始進度0
        performChangePlayState(true);
        mReplay.setVisibility(View.GONE);
    }

    /**
     * 控制播放的狀態
     *
     * @param b 是否播放
     */
    private void performChangePlayState(boolean b) {
        if (b) {
            mVideoView.playVideo();
            mPlayView.setImageResource(R.mipmap.stop);
            isPlaying = true;
        } else {
            mVideoView.pauseVideo();
            mPlayView.setImageResource(R.mipmap.play);
            isPlaying = false;
        }
    }

    private void performClickVideoVr() {
        mVideoView.setDisplayMode(3);//enterStereoMode,眼鏡模式
    }

    /**
     * 播放暫停切換
     */
    private void performClickPlay() {
        if (isPlaying) {
            mVideoView.pauseVideo();
            mPlayView.setImageResource(R.mipmap.play);
            isPlaying = false;
        } else {
            if (mReplay.getVisibility() == View.VISIBLE) {
                mVideoView.seekTo(0);//重播按鈕出現時,點擊播放進行重播功能
            }
            mVideoView.playVideo();
            mPlayView.setImageResource(R.mipmap.stop);
            isPlaying = true;
        }
    }

    @Override
    protected void onPause() {
        super.onPause();
        // Prevent the view from rendering continuously when in the background.
        mVideoView.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.
        //performChangePlayState(false);//停止播放,更換圖標狀態
        mVideoView.pauseVideo();//只做暫停處理,不對isPlaying進行賦值(可能是按home鍵鎖屏鍵等情況)
    }

    @Override
    protected void onResume() {
        super.onResume();
        // Resume the 3D rendering.
        mVideoView.resumeRendering();
        performChangePlayState(isPlaying);//根據之前的狀態執行播放/暫停處理(home/鎖屏退出又進入的情況)
    }

    @Override
    protected void onDestroy() {
        //https://developers.google.com/vr/android/reference/com/google/vr/sdk/widgets/common/VrWidgetView#shutdown()
        mVideoView.shutdown();
        mHandler.removeMessages(HIDE);
        mHandler = null;
        super.onDestroy();
    }

    /**
     * 播放器進度條監聽
     */
    private class SeekBarListener implements SeekBar.OnSeekBarChangeListener {

        @Override
        public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
            if (fromUser) {
                mVideoView.seekTo(progress);
            }
        }

        @Override
        public void onStartTrackingTouch(SeekBar seekBar) {
        }

        @Override
        public void onStopTrackingTouch(SeekBar seekBar) {
            hidePlayerControllerDelayed();
            mReplay.setVisibility(seekBar.getProgress() < seekBar.getMax() ? View.GONE : View.VISIBLE);
        }
    }

    /**
     * 延時隱藏播放器控制面板
     */
    private void hidePlayerControllerDelayed() {
        mHandler.removeMessages(HIDE);//爲了保證可見的時間爲5秒,去除之前延時隱藏的消息
        mHandler.sendEmptyMessageDelayed(HIDE, 5000);
    }
}

謝謝大家的支持!今後還會繼續更新推出有關VR方面的博客,期待您的關注……
源碼下載鏈接

.apk文件下載

google vr 入門之製作簡易的VR播放器(二)

Spring Cloud 部署時如何使用 Kubernetes 作爲註冊中心和配置中心

Android與Unity交互調用mUnityPlayer.quit()方法退出返回上一個Activity界面

Android多線程操作操作對象出現空指針問題

Android平臺版本-API級別與版本號對照表

Android獲取App當前頁面的Activity名稱

google vr 入門之製作簡易的VR播放器(二)

https://yachay.unat.edu.pe/blog/index.php?comment_area=format_blog&comment_component=blog&comment_co

linux以太網驅動總結