Android Studio(기능) ExoPlayer이용 json 파싱 및 영상 보여주기1-2

Android Studio(기능) ExoPlayer이용 json 파싱 및 영상 보여주기1-1에서 여기까지 했다.

추가로 플레이 버튼이 영상 가운데에 오도록하고,  화면 밖으로 영상이 나갔을 때 재생이 안되게하고 전체화면도 해보자.

<최종 실행 화면>

 

 플레이 버튼이 영상 가운데에 오도록 하는 것은 레이아웃만 추가하면 알아서 적용이 된다.

exo_player_control_view.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent" android:layout_height="match_parent">
 
    <ImageButton
        android:id="@id/exo_play"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="#cccc0000"
        android:layout_centerInParent="true"
        style="@style/ExoMediaButton.Play"/>
    <ImageButton
        android:id="@id/exo_pause"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="#cccc0000"
        android:layout_centerInParent="true"
        style="@style/ExoMediaButton.Pause"/>
 
</RelativeLayout>

적용된 모습을 볼 수 있다.

 화면 밖으로 영상이 나갔을 때 재생이 안되게 하겠다.

VideoAdaper에 오버라이드 메소드 추가

그리고 추가로 전체 화면 모드로 동영상을 재생을 해보자. 근데 따로 지원해주는 기능이 없어서..

버튼을 눌렀을 때, 새로운 액티비티를 띄워 화면 전체에 PlayView를 하겠다.

어댑터에서 목록하나하나 화면을 보여주므로 onclick은 안되고 id로 리스너를 달아줘야 한다.

onClick 부분에 새로운 액티비티를 써주면된다. 그전에 액티비티를 만들자.

activity_full_screen.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".FullScreenActivity">
 
    <com.google.android.exoplayer2.ui.PlayerView
        android:id="@+id/pv"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
 
</RelativeLayout>
 

full 버튼을 눌렀을 시 새로운 액티비티로 가고,

지금 재생중인 영상을 이어서 보여주기 위해 getCurrentPosition 값도 보내줬다.

(안그러면 전체화면시 영상이 처음부터 다시 나온다.)

 

이제 새로 만든 액티비티에 코드 작성만 하면 끝난다.

FullScreenActivity.java

package com.lcw.ex90exoplayerjson;
 
import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.DefaultItemAnimator;
 
import android.content.Intent;
import android.net.Uri;
import android.os.Bundle;
 
import com.google.android.exoplayer2.ExoPlayerFactory;
import com.google.android.exoplayer2.SimpleExoPlayer;
import com.google.android.exoplayer2.source.ProgressiveMediaSource;
import com.google.android.exoplayer2.trackselection.DefaultTrackSelector;
import com.google.android.exoplayer2.ui.PlayerView;
import com.google.android.exoplayer2.upstream.DataSource;
import com.google.android.exoplayer2.upstream.DefaultDataSourceFactory;
 
public class FullScreenActivity extends AppCompatActivity {
 
    PlayerView pv;
    SimpleExoPlayer player;
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_full_screen);
 
        pv= findViewById(R.id.pv);
        player= ExoPlayerFactory.newSimpleInstance(this, new DefaultTrackSelector());
        pv.setPlayer(player);
 
        Intent intent=getIntent();
        String videoUrl= intent.getStringExtra("videoUrl");
        long currentPos= intent.getLongExtra("currentPos",0);
 
        //미디어 소스 객체 생성
        DataSource.Factory factory= new DefaultDataSourceFactory(this, "Ex90Exoplayer");
        ProgressiveMediaSource.Factory mediaFactory= new ProgressiveMediaSource.Factory(factory);
 
        ProgressiveMediaSource mediaSource= mediaFactory.createMediaSource(Uri.parse(videoUrl));
                player.prepare(mediaSource);
        player.setPlayWhenReady(true);
 
        player.seekTo(currentPos);
 
    }
}
 

<최종 실행 화면>