ホーム > プログラミング > Android動画再生アプリを作る ( ExoPlayer + SurfaceView ) > 02.動画の縦横比を補正する

02.動画の縦横比を補正する



01.で作成したアプリの動画は、縦もしくは横に引き伸ばされて表示されることがあります。
動画の縦横比が正しく表示されるようにします。

解説

前項「01.動画を再生する」で作成したアプリでは、 動画は、画面いっぱいに引き伸ばされて表示されます。
動画の縦横比と画面の縦横比が異なる場合、動画は、縦もしくは横に長く表示されます。

動画の縦横比を保持しつつ、表示領域の中で最大限引きのばした、幅と高さで動画を表示する処理を実装します。

本項で実施している内容は、以下です。

実装

プロジェクトを開く

01.動画を再生する」で作成したプロジェクトを開きます。

レイアウトの編集

動画を表示するビューの設定について以下の変更を加えます。

「Project」ペインの「app > res > layout > activity_main.xml」を開きます。

activity_main.xml 全体としては、以下のようにします。

メインアクティビティクラスの編集(動画を再生するビューのサイズの調整の関数定義)

メインアクティビティクラスに 動画を再生するビューのサイズの調整の関数の定義を追加します。
動画を再生するビューのサイズの調整の処理は以下です。

  1. 動画のサイズの取得
  2. 動画を再生するビューの親のサイズの取得
  3. 動画の縦横比を保持しつつ、動画を再生するビューの親の中で最大限引きのばした、幅と高さを求める
  4. 求めた幅と高さを、動画を再生するビューに設定

「Project」ペインの「app > java > ドメイン.アプリ名 > MainActivity」を開きます。

メインアクティビティクラスの末尾に、以下を追加します。


「Cannot resolve symbol」エラーは、「Alt + Enter」で、必要なクラスをimportします。

メインアクティビティクラスの編集(動画を再生するビューのサイズの調整の関数呼び出し)

動画を再生するビューのサイズの調整の関数の呼び出しの処理を追加します。

メインアクティビティクラスに、以下のコードを追加します。

  1. メンバー変数に、Playerリスナーの定義
  2. onCreate関数にて、SimpleExoPlayerオブジェクトに、定義したPlayerリスナーを追加する処理

「Project」ペインの「app > java > ドメイン.アプリ名 > MainActivity」を開きます。

メインアクティビティクラス全体としては、以下のようにします。


「Cannot resolve symbol」エラーは、「Alt + Enter」で、必要なクラスをimportします。

実行

Android端末にて、動作確認。

アプリを起動すると、動画が再生、表示されます。
動画の縦横比は保持されつつ、表示領域の中で最大限引きのばした、幅と高さで、動画が表示されます。

ダウンロード

サンプルコード

関連ページ

前項目:01.動画を再生する

次項目:03.再生位置を表示できるようにする


ご意見、ご感想、ご質問、ご要望等は、「コメントを投稿する」もしくは「ホーム > コンタクト」よりお願いいたします。
内容の誤り、誤字脱字、リンクミスなどの問題点を発見された場合には「コメントを投稿する」もしくは「ホーム > コンタクト」より連絡していただけると幸いです。


Copyright (c) 2005-2018 Nobuki HIRAMINE All rights reserved.