こんにちは、せんだです。

コロナウイルスの影響でステイホームの生活が続いていましたが、茨城は先日緊急事態宣言も解除され徐々に元の生活が戻ってきたなと感じる今日この頃です。

元々アクティブなタイプじゃないので、そこまで窮屈な自粛生活ではなかった気もしますが、やっぱり気持ちの面で違いますね。

さて、今回ですがKotlinとExoPlayerを使って動画再生をやってみたいと思います。

ExoPlayerはAndroid Developersの公式サイトに書かれている通り、Android SDKとは別で配布されているOSSです。

標準のMediaPlayerではサポートされていないような機能もサポートされていたりと、メディア再生を行う際に重宝する便利なライブラリです。

今回やること

• build.gradleの設定
• ExoPlayerを使った動画再生の実装

環境情報

• macOS Catalina（10.15.4）
• Android Studio（3,6,2）
• Kotlin（1.3）
• Android 10.0 （API Level 29 エミュレータ）

それでは、早速やってみましょう。

build.gradleの設定

build.gradleに下記のcompileOptionsとimplementationを追記します。implementationのバージョンは適宜修正してください。

build.gradle

[cc_xml]
android {
　…
　 …

compileOptions {
targetCompatibility JavaVersion.VERSION_1_8
}

}

dependencies {
　…
　 …
def exoplayer_version = ‘2.10.5’
implementation “com.google.android.exoplayer:exoplayer:${exoplayer_version}”
implementation “com.google.android.exoplayer:exoplayer-core:${exoplayer_version}”
implementation “com.google.android.exoplayer:exoplayer-dash:${exoplayer_version}”
implementation “com.google.android.exoplayer:exoplayer-ui:${exoplayer_version}”
}
[/cc_xml]

ExoPlayerを使って動画再生を実装する

今回は下記の動作をつくってみます。

1. MainActivityのPlayボタンをタップ
2. 別画面でローカルに保存された動画が再生される

activity_main.xml

[cc_xml]

[/cc_xml]

 

MainActivity.kt

[cc_kotlin]
import android.content.Intent
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.Button

class MainActivity : AppCompatActivity() {

override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)

val button = findViewById

(R.id.playButton)
button.setOnClickListener {
val intent = Intent(applicationContext, Play::class.java)
startActivity(intent)
}
}
}
[/cc_kotlin]

 

ここでは、ボタンをタップした時に動画プレイヤーのActivityに飛ばしているだけです。

続いて、プレイヤー側の処理を書いていきます。

 

activity_play.xml

[cc_xml]

[/cc_xml]

 

SimpleExoPlayerViewというExoPlayerのPlayerViewを定義しています。

 

Player.kt

[cc_kotlin]
import android.net.Uri
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import com.google.android.exoplayer2.ExoPlayerFactory
import com.google.android.exoplayer2.source.ProgressiveMediaSource
import com.google.android.exoplayer2.ui.PlayerView
import com.google.android.exoplayer2.upstream.DefaultDataSourceFactory

class Player : AppCompatActivity() {

override fun onCreate(savedInstanceState: Bundle?) {

super.onCreate(savedInstanceState)
setContentView(R.layout.activity_play)

// 動画ファイルのパスを取得する
val uri = Uri.parse( “${applicationContext.filesDir}/videos/test.mp4”)

// プレイヤーを準備する
this.setVideoPlayer(uri)

}

/*
* 動画再生プレイヤーの設定処理
* */
private fun setVideoPlayer(uri: Uri) {

// ExoPlayerのインスタンスを生成し、ViewにPlayerをセットする
val player = ExoPlayerFactory.newSimpleInstance(this)
val playerView = findViewById(R.id.player_view)
playerView.player = player

// データソースを設定する
val dataSourceFactory = DefaultDataSourceFactory(this, “play-inspect-video”)
val mediaSource = ProgressiveMediaSource.Factory(dataSourceFactory).createMediaSource(uri)

// 再生準備
player.prepare(mediaSource)
// 自動再生の設定 falseの場合はコントローラーの再生ボタンをタップすると再生される
player.playWhenReady = true

}
}

[/cc_kotlin]

ちょこちょこコメントを書いていますが、流れとしては

 

1. ExoPlayerのインスタンスを生成
2. データソースを生成
3. ExoPlayerインスタンスにデータソースを割り当てる

 

という感じになっています。

 

まとめ

今回はKotlinでExoPlayerを使った動画再生をやってみました。VideoViewを使って再生することもできるみたいですが、再生ボタンなどのコントローラなんかも自前で用意する必要があるので、簡単に実装したい場合はExoPlayerが結構おすすめです。

今回はローカルに保存された動画ファイルを再生しましたが、Youtube等オンライン上にある動画ファイルも再生できるので、気になる方は試してみていただければと。

 

それでは、また！！