最近の更新

2013年10月30日水曜日

YouTubeAPIPlayerStyle

【目的】
AndroidでYouTubeAPIを使用してYouTubeの動画のプレイヤーのスタイルを変更します。



【準備】
1.「Google APIsのYouTube Data API v3のAPIキーを取得する方法」の手順で、「YouTube Data API v3」のAPIキーを取得しておきます。
※APIキーの取得に指定するパッケージ名は「com.example.androidsample44_005」です。



【手順1】
1.「Androidプロジェクトの作成・実行方法(バージョン別一覧)」のAndroidプロジェクトの作成手順で、「AndroidSample44-005-YouTubeAPIPlayerStyle」といプロジェクトを作成。
※プロジェクトの設定は以下の通り。
※他の項目は任意。
項目名 項目に設定する値
アプリケーション名(Application Name) com.example.androidsample44_005
プロジェクト名(Project Name) AndroidSample44-005-YouTubeAPIPlayerStyle
パッケージ名(Package Name) com.example.androidsample44_005
Build SDK API 8
Minimum Required SDK API 8

2.「YouTube Android Player API 1.0.0をライブラリに設定する方法」の手順でライブラリを設定。


【手順2】
1.「AndroidManifest.xml」は以下の通り。
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.androidsample44_005"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="8" />

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

    <application
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name="com.example.androidsample44_005.MainActivity"
            android:label="@string/title_activity_main" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>
2.「Ctrl+Shift+F」を押し、コードをフォーマッティング。
3.「Ctrl+S」を押し、ファイルを保存。



【手順3】
1.「res/layout/activity_main.xml」は以下の通り。
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <com.google.android.youtube.player.YouTubePlayerView
        android:id="@+id/youtube_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <RadioGroup
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical" >

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="onClickRadioStyleDefault"
            android:text="Default" />

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="onClickRadioStyleMinimal"
            android:text="Minimal" />

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="onClickRadioStyleChromeless"
            android:text="Chromeless" />
    </RadioGroup>

</LinearLayout>
2.「Ctrl+Shift+F」を押し、コードをフォーマッティング。
3.「Ctrl+S」を押し、ファイルを保存。



【手順4】
1.「src/com/example/androidsample44_005/MainActivity.java」は以下の通り。
package com.example.androidsample44_005;

import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.RadioButton;
import android.widget.Toast;

import com.google.android.youtube.player.YouTubeBaseActivity;
import com.google.android.youtube.player.YouTubeInitializationResult;
import com.google.android.youtube.player.YouTubePlayer;
import com.google.android.youtube.player.YouTubePlayer.PlayerStyle;
import com.google.android.youtube.player.YouTubePlayerView;

public class MainActivity extends YouTubeBaseActivity implements YouTubePlayer.OnInitializedListener {
    private static final String DEVELOPER_KEY = "YOUR_OWN_KEY";
    private static final String VIDEO_ID = "wKJ9KzGQq0w";
    private static final String INIT_ERROR_MESSAGE = "初期化に失敗しました。 (%1$s)";
    private static final int RECOVERY_DIALOG_REQUEST = 1;
    private YouTubePlayer player;

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

    @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        if (requestCode == RECOVERY_DIALOG_REQUEST) {
            initYouTubeView();
        }
    }

    public void onInitializationFailure(YouTubePlayer.Provider provider, YouTubeInitializationResult errorReason) {
        if (errorReason.isUserRecoverableError()) {
            errorReason.getErrorDialog(this, RECOVERY_DIALOG_REQUEST).show();
        } else {
            String errorMessage = String.format(INIT_ERROR_MESSAGE, errorReason.toString());
            Toast.makeText(this, errorMessage, Toast.LENGTH_LONG).show();
        }
    }

    public void onInitializationSuccess(YouTubePlayer.Provider provider, YouTubePlayer player, boolean wasRestored) {
        this.player = player;
        if (!wasRestored) {
            player.cueVideo(VIDEO_ID);
        }
    }

    private void initYouTubeView() {
        YouTubePlayerView youTubeView = (YouTubePlayerView) findViewById(R.id.youtube_view);
        youTubeView.initialize(DEVELOPER_KEY, this);
    }

    public void onClickRadioStyleDefault(View view) {
        RadioButton radioButton = (RadioButton) view;

        if (radioButton.isChecked()) {
            this.player.setPlayerStyle(PlayerStyle.DEFAULT);
        }
    }

    public void onClickRadioStyleMinimal(View view) {
        RadioButton radioButton = (RadioButton) view;

        if (radioButton.isChecked()) {
            this.player.setPlayerStyle(PlayerStyle.MINIMAL);
        }
    }

    public void onClickRadioStyleChromeless(View view) {
        RadioButton radioButton = (RadioButton) view;

        if (radioButton.isChecked()) {
            this.player.setPlayerStyle(PlayerStyle.CHROMELESS);
        }
    }
}
2.「YOUR_OWN_KEY」を【準備】で取得しておいた、APIキーに変更。
3.「Ctrl+Shift+F」を押し、コードをフォーマッティング。
4.「Ctrl+S」を押し、ファイルを保存。



【手順5】
1.「Androidプロジェクトの作成・実行方法(バージョン別一覧)」のAndroidプロジェクトの実行手順で、実行。



【手順6】
1.以下の様に表示されれば成功です。















































以上です。

0 件のコメント:

コメントを投稿

注: コメントを投稿できるのは、このブログのメンバーだけです。

関連記事