MENU

MENU

カテゴリー

\気になるカテゴリーをクリック!/

やきいも
文系SE
【プロフ】
 ▶ 30代半ば
 ▶ ITエンジニア13年目 | 業務システム
 ▶ 妻と息子の3人で田舎の暮らし

【サイト運営】
このブログは私の体験をもとに以下に関する情報をお届けしています。
 ▶ AI
 ▶ Java
 ▶ Flutterなど
Udemyセール!最大95%オフ!1,200円~4月の最新セール情報をみる

2023Androidアプリ入門:VideoView,mediaController(Bumblebee)

この記事には広告を含む場合があります。

こんにちは! 文系SEの焼き芋です!

アンドロイドアプリ開発で

『動画の再生方法』が分からない

という悩みを抱えていませんか?

そこで、今回は「簡単なアプリ」を作って基本的な使い方をご紹介します。

やきいも

この記事はこんな人におすすめです!
・Androidアプリ開発をこれから始める方

この記事で解決できる悩み

以下の基本的な使い方が分かります。

  • VideoView
  • mediaController
目次

完成アプリ

作成するアプリの完成イメージは

以下の画面の通りです。

やきいも

動画再生をクリックすると
動画が再生されます!

アプリの仕様について

デモアプリの仕様は以下の通りです。

アプリの仕様

  • 初期画面で「動画再生」ボタンを表示
  • 「動画再生」クリック
  • 「動画」が再生される

開発環境

android studio バージョン Bumblebee

今回の開発環境は以下の通りです。

OSWindows10
メモリ8GB
android studioAndroid Studio Bumblebee (2021.1.1)
JDK1.8.0_172
プログラミング言語Java
開発環境

プログラミングの手順

それでは、プログラミングを以下の手順1~3を解説していきます!

STEP
動画ファイルを格納
STEP
画面レイアウトの実装(activity_main.xml)
STEP
プログラム処理の実装(MainActivity.java)

動画ファイルを格納

動画ファイルを「res>raw」の下に格納します。
今回の例では以下のファイルを格納しました。
「spain.mp4」

画面レイアウトの実装(activity_main.xml)

「activity_main.xml」のプログラムソースコードは以下の通りです。

プログラムソースを見る!(activity_main.xml)
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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=".MainActivity">

    <Button
        android:id="@+id/buttonId"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="145dp"
        android:layout_marginTop="20dp"
        android:layout_marginEnd="145dp"
        android:layout_marginBottom="16dp"
        android:onClick="playMovie"
        android:text="動画再生"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.481"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.0" />

    <VideoView
        android:id="@+id/videoViewId"
        android:layout_width="410dp"
        android:layout_height="652dp"
        android:layout_marginTop="11dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/buttonId" />
</androidx.constraintlayout.widget.ConstraintLayout>

プログラム処理の実装(MainActivity.java)

「MainActivity.java」のプログラムソースコードは以下の通りです。

プログラムソースを見る!(MainActivity.java)
package com.yakiimosan.demovideo;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.widget.MediaController;
import android.widget.VideoView;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }

    public void playMovie(View view){

        VideoView videoView = (VideoView)findViewById(R.id.videoViewId);

        //ビデオファイルの取得
        videoView.setVideoPath("android.resource://" + getPackageName() + "/" + R.raw.sapin);

        //ビデオのコントロール
        MediaController mediaController =new MediaController(this);
        mediaController.setAnchorView(videoView);
        videoView.setMediaController(mediaController);

        //再生
        videoView.start();
    }
}

まとめ「Androidアプリの基礎」

今回の記事では「アンドロイドアプリ開発で『動画の再生方法』について解説しました。

この記事のポイント!

以下の基本的な使い方

  • VideoView
  • mediaController

「アンドロイドアプリ開発で『動画の再生方法』
のイメージは分かったのではないでしょうか?

やきいも

公式のandroidアプリ開発ユーザーガイドはコチラから参照できます!
開発時のご参考にどうぞ


以上、最後まで読んで頂きありがとうございました!

コメント

コメントする

CAPTCHA


目次