Android開発覚書：Android Cafe

ビデオビューを使った動画の表示（インターネットから取得）

Androidアプリ開発

ビデオビューを使って、インターネットから動画を再生するプログラムです。
もの凄くシンプルに作っていますが、動画再生の基本になります。

Androidで再生できる動画としては、「MPEG-4 / H.264 / 3GPP」と考えるのが無難です。

Androidプラットフォームでの公式サポートのガイドラインは以下から確認できます。
http://developer.android.com/intl/ja/guide/appendix/media-formats.html

ネットワークで使えるのは以下ですので注意が必要です。
・RTSP (RTP、SDP)
・HTTP progressive streaming
・HTTP live streaming draft protocol (Android 3.0 and above)

HTTPで使う際にはプログレッシブダウンロードが出来る必要があります。

ffmpegなどを利用してエンコードを行った場合には、ヘッダ構造がおかしくなっているので正しくしてあげる必要があります。
http://labs.unoh.net/2007/11/ffmpeg3gppntti_for_linux.html

この当たりを上手く設定しつつ、動画の設定をする必要があります。

開発環境は以下で作ります。

設定項目	設定値
Project name	VideoViewSample01
Application name	VideoViewSample01
Package name	net.android_cafe.VideoViewSample01
Create Activity	VideoViewSample01
Min SDK Version	4

Min SDKは「4」にしてますが、7以上の方が無難と言えば無難です。


開発環境ができたら、まずマニフェストファイルにインターネット接続をするという一行を追加します。

ネット経由なんでこれが必要です。

<uses-permission android:name="android.permission.INTERNET"></uses-permission>

次にレイアウトですが、初期のTextViewを置き換えます。

<VideoView android:id="@+id/VideoView01"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"/>

このままでは表示が上に偏ってしまうので、表示を気にするのであれば「LinearLayout」に「android:gravity="center"」などを追加した方が良いでしょう。

さて、次にjavaのファイルです。
BrowserSample01という名前のClassでActivityをスーパークラスとしています。

まずは、オブジェクトの宣言から。

private VideoView video = null;
private String video_url;

続いて、「onCreate()」メソッドに以下のような記述をします。

public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
        
    // 動画再生
    video_url = "動画が置いてあるURL";

    video = (VideoView) findViewById(R.id.VideoView01);
    video.setMediaController(new MediaController(this));

    video.setVideoURI(Uri.parse(video_url));
}

完全に「VideoView」任せですが、これだけで動画の再生が可能です。
プログレッシブ再生なので、意外とこの状態でもきちんと動画が再生されます。


さて、最終的には以下のような設定ファイルになっています。

★AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
      package="net.android_cafe.VideoViewSample01"
      android:versionCode="1"
      android:versionName="1.0">
    <uses-sdk android:minSdkVersion="4" />

    <application android:icon="@drawable/icon" android:label="@string/app_name">
        <activity android:name=".VideoViewSample01"
                  android:label="@string/app_name">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

    </application>
    <uses-permission android:name="android.permission.INTERNET"></uses-permission>
</manifest>

★main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:gravity="center"
  >
  <VideoView android:id="@+id/VideoView01"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"/>
</LinearLayout>

★VideoViewSample01.java

package net.android_cafe.VideoViewSample01;

import android.app.Activity;
import android.net.Uri;
import android.os.Bundle;
import android.widget.MediaController;
import android.widget.VideoView;

public class VideoViewSample01 extends Activity {
    private VideoView video = null;
    private String video_url;
    
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        
        // 動画再生
        video_url = "動画が置いてあるURL";
        
        video = (VideoView) findViewById(R.id.VideoView01);
        video.setMediaController(new MediaController(this));
                
        video.setVideoURI(Uri.parse(video_url));
    }
}

Permalink | コメント(0) | トラックバック(0) | 23:07