Youtube video player

এই পর্বে আমরা শিখবো কিভাবে ইউটিউব এর ভিডিও আমাদের অ্যাপের ভিতর ইউজ করতে পারি ।
এই জন্য একদম নতুন করে একটি প্রোজেক্ট তৈরি করুন -

এখন প্রথমেই আমাদের যে কাজটি করতে হবে - ইউটিউব নিয়ে কাজ করার জন্য ইউটিউব এর  API এর লাইব্রেরী আমাদের অ্যাপের প্রোজেক্ট এর ভিতর সংযোগ করে দিতে হবে ।

এজন্য https://developers.google.com/youtube/android/player/ লিংকে গিয়ে


এখান থেকে ডাউনলোড দিন । এরপর ডাউনলোড হওয়া ফাইলটি Extract করুন । সেখানে libs নামে ফোল্ডার পাবেন । তার ভিতরে থাকা লাইব্রেরী YouTubeAndroidPlayerApi.jar নামে জার ফাইলটি কপি করুন ।

এবার Android Studio তে ফিরে আসুন ।


উপড়ে লাল দাগ দিয়ে মার্ক করা জায়গায় Android লেখা থাকবে । মার্ক করা জায়গার ভিতরে থাকা ছোট তীর চিহ্ন তে ক্লিক করে Android এর পরিবর্তে Project সিলেক্ট করে নিন ।

এরপর আপনার Androidফাইল নাম দেখতে পাবেন ( যেমন আমার MediaPlayer ) । তার পাশের ছোট তীর চিহ্ন তে ক্লিক করে এক্সপান্ড করে প্রথমে app এরপর libs এ রাইট বাটনে ক্লিক করে  Paste এ ক্লিক করে আবার নতুন ছোট যে উইন্ডো আসবে সেখানে OK ক্লিক করুন ।

এবার আপনার অ্যাপের ভিতরে libs ফোল্ডার এ চলে আসা jar ফাইলটি তে আবার রাইট বাটনে ক্লিক করে Add As Library তে ক্লিক করুন । ছোট একটি উইন্ডো আসবে , তাতে OK ক্লিক করুন ।

তো আমরা ইউটুইব নিয়ে কাজ করার একটি ধাপ সম্পন্ন করলাম । এবার আমাদের গুগোল এপিআই কনসোল নিয়ে কাজ করতে হবে । সেজন্য এই https://console.cloud.google.com/apis/dashboard লিংকে প্রবেশ করুন । এখানে কাজ করার জন্য অবশ্যই আপনার জিমেইল একাউন্ট দিয়ে লগইন অবস্থায় থাকতে হবে ।

প্রথম বার প্রবেশ করার সময় তাদের সাথে টার্মস এবং সার্ভিসের সাথে আপনাকে একাত্রতা জানাতে বলবে ।

প্রথম অপশন আপনার ইচ্ছামত দিয়ে দ্বিতীয়টি ইয়েস বাটন সিলেক্ট করে ACCEPT এ ক্লিক করুন ।

আপনি যদি একদন নতুন হিসেবে গুগোলের এই সার্ভিস ব্যাবহার করে থাকেন তাহলে নিচের লাল দাগ অংশে লেখা থাকবে Select A Project  । সেখানে ক্লিক করুন -

তাহলে যে উইন্ডো আসবে -

এখানে + চিহ্ন তে ক্লিক করুন । এরপর -
এখানে আপনার ইচ্ছামত প্রোজেক্ট নাম দিয়ে Create এ ক্লিক করুন । তো প্রোজেক্ট তৈরি হয়ে গেল 😊

এরপর Credentials এ ক্লিক করে নিচের ছবিতে দেয়া Create এ ক্লিক করুন 😊

এরপর (নিচের ছবিতে) প্রোজেক্ট নাম দিয়ে ক্রিয়েট এ ক্লিক করুন  । এখানে আপনি ইচ্ছামত যে কোন নাম দিতে পারেন

এরপর Create Credentials এ ক্লিক করে API Key তে ক্লিক করুন


এবার CLOSE এ ক্লিক করুন -

এরপর API Key 1 এ ক্লিক করুন

এখান থেকে চাইলে আপনি আপনার API key এর Name বদলে দিতে পারেন । নিচের ছবিতে দেখুন Name লেখা বক্স আছে ।

তো প্রথমে যেটা করতে হবে Key restriction টি Android apps এ রাখতে হবে । তাহলে নিচে +Add package name and fingerprint নামে অপশন আসবে , সেখানে ক্লিক করতে হবে । তাহলে তার উপর যে দুটি বক্স আসবে তার প্রথমটি তে আপনার Android apps এর প্রোজেক্ট নামটি দিতে হবে ।এজন্য Android Studio তে গিয়ে MainActivity.java তে একদম উপরের লাইনটি package নাম-টি কপি করুন । নামটি এরকম  com.example.use.আপনার প্রোজেক্ট নাম । পুরোটাই কপি করে প্রথম বক্সে Paste করুন , ; চিহ্নটি আবার কপি করবেন নাহ 😜
দ্বিতীয় বক্সে SHA-1 certificate fingerprint দিতে হবে ।


 এজন্য আবার Android Studio তে গিয়ে । প্রথমে ডান পাশে থাকা Gradle এ ক্লিক করুন । এরপর আপনার প্রোজেক্ট নাম দেখাবে , সেটাতে ক্লিক করে Tasks -> android -> signingReport এ ডাবল ক্লিক করুন কিংবা রাইট বাটনে ক্লিক করে প্রথম অপশনটি তে ক্লিক করুন ।  একটু সময় নিবে রান হতে । শেষ হলে নিচের Gradle Console এ ক্লিক করে উপড়ে স্ক্রল করলেই SHA1 নাম্বারটি পাবেন । পুরো নাম্বারটি কপি করে উপরের ছবিতে থাকা দ্বিতীয় বক্সে Paste করে Save এ ক্লিক করুন 😊


সেভ করার পর আবার API key তে ঢুকুন । আবারো উপরের উইন্ডো আসবে । সেখান থেকে উপরের ছবিতে লাল দাগ দিয়ে চিহ্নিত করা API key টি কপি করুন । কপি করে কোন টেক্স ফাইলে রেখে দিন । এটা নিয়ে পরে আমরা কাজ করবো ।

এখন চলুন আমাদের অ্যাপে ইউটিউব ভিডিও চালানোর ডিজাইনটা করা যাক । Android Studio এর activity_main.xml এ চলে আসুন -

 <?xml version="1.0" encoding="utf-8"?>  
 <android.support.constraint.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="com.example.user.mediaplayer.MainActivity">  
   <view  
     android:layout_width="match_parent"  
     android:layout_height="wrap_content"  
     class="com.google.android.youtube.player.YouTubePlayerView"  
     android:id="@+id/Youtubeview"  
     />  
 </android.support.constraint.ConstraintLayout>

খুব সিম্পল ডিজাইন । view নামে ট্যাগ নিন । width, height ও id দিয়ে দিন । এরসাথে class নামে ট্যাগ টা নিন । সেখানে  YoutubePlayerView দিয়ে দিন 😊

এবার MainActivity.java তে আসুন -

 public class MainActivity extends YouTubeBaseActivity {  
   YouTubePlayerView youTubePlayerView;  
   YouTubePlayer.OnInitializedListener onInitializedListener;  
   private static final String API_Key = "AIzaSyA9jEYUiPjDcHpDEPdQ3XNUbyydaHxMOUA" ;

YoutubePlayerView এর ইন্সট্যান্স তৈরি করলাম । এরপর ইউটিউব নিয়ে কাজ করতে YoutubePlayer ক্লাসের সাথে OnInitializedListener ম্যাথড নিয়ে কাজ করতে হবে । তাই তাই ইন্সট্যান্স তৈরি করলাম ।
এরপরের লাইনে আমাদের যে API Key টি ছিল সেটি এখানে String ভ্যারিয়েবল তৈরি করে , তার ভিতরে রাখুন । ভ্যারিয়েবলটি স্ট্যাটিক ও ফাইনাল ভাবে নিন । এটি তো আর চেঞ্জ হচ্ছে নাহ 😊

     youTubePlayerView = findViewById(R.id.Youtubeview);  
     onInitializedListener = new YouTubePlayer.OnInitializedListener() {  
       @Override  
       public void onInitializationSuccess(YouTubePlayer.Provider provider, YouTubePlayer youTubePlayer, boolean b) {  
          youTubePlayer.loadVideo("m3JNNkaa1mA");  
       }  
       @Override  
       public void onInitializationFailure(YouTubePlayer.Provider provider, YouTubeInitializationResult youTubeInitializationResult) {  
       }  
     };

onCreate ম্যাথডের ভিতর প্রথমে ভিউ এর সাথে YoutubePlayerView যোগ করলাম । এরপর যে ম্যাথড নিয়ে আমাদের কাজ করতে হবে সেটা হল OnInitializedListener । এজন্য  OnInitializedListener = new YoutubePlayer. দিয়ে OnIni লিখলেই দেখবেন ম্যাথডটি চলে আসছে । ম্যাথড টি চলে আসলে Enter বাটন ক্লীক করুন ।  একদম শেষের } এর পর দেখবেন ; মিসিং আছে । তাই ; - সেমিকোলন দিয়ে দিন ।

এবার প্রথম ম্যাথডের ভিতর

            youTubePlayer.loadVideo("এখানে যে ভিডিও প্লে করতে চান সেটির URL এর id নাম্বারটি দিন । যেমন URL যদি এটি হয় https://www.youtube.com/watch?v=m3JNNkaa1mA তাহলে m3JNNkaa1mA দিবেন ");

এরপরে YoutubePlayerView.initialize() ম্যাথডের ভিতর প্রথমে API Key যে String ভ্যারিয়েবল এর ভিতরে রাখা হইছে সেই ভ্যারিয়েবলটি , এরপরে YoutubePlayer.OnInitializedListene এর যে ইন্সট্যনাস তৈরি করা হইছে সেটি দিয়ে দিন ।

     youTubePlayerView.initialize(API_Key,onInitializedListener);  
   }  
 }

তাহলে আমাদের MainActivity.java এর ফুল জাভা কোডটি যা দাঁড়ালো -

 package com.example.user.mediaplayer;  
 import android.media.MediaPlayer;  
 import android.support.v7.app.AppCompatActivity;  
 import android.os.Bundle;  
 import android.widget.VideoView;  
 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.YouTubePlayerView;  
 public class MainActivity extends YouTubeBaseActivity {  
   YouTubePlayerView youTubePlayerView;  
   YouTubePlayer.OnInitializedListener onInitializedListener;  
   private static final String API_Key = "AIzaSyA9jEYUiPjDcHpDEPdQ3XNUbyydaHxMOUA" ;  
   @Override  
   protected void onCreate(Bundle savedInstanceState) {  
     super.onCreate(savedInstanceState);  
     setContentView(R.layout.activity_main);  
     youTubePlayerView = findViewById(R.id.Youtubeview);  
     onInitializedListener = new YouTubePlayer.OnInitializedListener() {  
       @Override  
       public void onInitializationSuccess(YouTubePlayer.Provider provider, YouTubePlayer youTubePlayer, boolean b) {  
          youTubePlayer.loadVideo("m3JNNkaa1mA");  
       }  
       @Override  
       public void onInitializationFailure(YouTubePlayer.Provider provider, YouTubeInitializationResult youTubeInitializationResult) {  
       }  
     };  
     youTubePlayerView.initialize(API_Key,onInitializedListener);  
   }  
 }

ব্যাস এবার প্রজেক্টটি রান করুন 😊😊😊

মন্তব্যসমূহ

একটি মন্তব্য পোস্ট করুন

এই ব্লগটি থেকে জনপ্রিয় পোস্টগুলি

Spinner View - 11 ( Android Bangla Tutorial)

স্পিনার ভিউ হল এমন এক ধরনের ভিউ যেখানে ওই ভিউ উপাদানটির ভিতর আরো অনেক ভিউ এর একটি লিস্ট থাকবে এবং সেখান থেকে কোন এক ভিউ সিলেক্ট করে আমরা নিজেদের মত কাজ করতে পারবো । In Xml -                       <TextView                     android:id="@+id/country"                     android:layout_width="wrap_content"                     android:layout_height="wrap_content"                     android:text="Select your Country :"                     android:textSize="20sp"    />    // টেক্সভিউ দ্বারা স্পিনার ভিউ তে আমরা কি দেখাবো তার নির্দেশনা দিয়ে দিলাম        < android.support.v7.widget.AppCompatSpinner                           android:id="@+id/spinner"                           android:layout_width="0dp"                           android:layout_height="wrap_content"                           android:layout_weight="1"       </ android.support.v7.widget.AppCompatSpinner >
আরও পড়ুন

Toggle Button - 10 ( Android Bangla Tutorial)

ছবি
Toogle বাটন হল যে বাটনের সাহায্যে একসাথে ২টি কাজ করা যায় যেমন আমাদের মোবাইলের টর্চ এর বাটন একটিই থাকে কিন্তু একবার টিপ দিলে জ্বলে আবার সেই বাটন-কেই টিপ দিলে আবার নিভে যায় । প্রথমে আমরা UI ডিজাইন করবো । টোগল বাটন নিয়ে কাজ করতে প্রথমে আমাদের যে ভিউ উপাদানটি লাগবে তা হল <ToggleButton In Xml -               <ToggleButton                        android:id="@+id/toggle_button"                       android:layout_width="match_parent"                       android:layout_height="wrap_content"                                                   android:textOff ="light off"                       android:textOn="light on"                       android:textAllCaps="false"                       android:textAppearance="?android:textAppearanceLarge"                       android:onClick="toggle"                       /> এখানে আমরা নতুন যে ২টি ট্যাগ এর সাথে পরিচিত হয়েছি তা হল - textOff
আরও পড়ুন

LineaLayout ( Android Bangla Tutorial -5)

ছবি
বাই ডিফল্ট রুটে যে লেআউট টি এসেছে সেটি হল ConstraintLayout , তো শুরুতে আমরা অ্যান্ড্রোয়েড এর সবচেয়ে সহজ লেআউট টি নিয়ে কাজ করবো , আর সেটি হল LinearLayout তো  <android.support.constraint.ConstraintLayout কেটে দিয়ে শুরুতে লিখে নিন  <LinearLayout   এবং শেষে  </LinearLayout>  । আমরা প্রথমেই একটা বিষয় শিখে এসছিলাম মনে আছে কি ঃ) আপনি যদি বড় হাতের <L  লিখেন তাহলেই সাজেশনে দেখতে পাবেন , কষ্ট করে পুরোটুকু লেখার দরকার নাই । এখানে  <LinearLayout   এর মধ্যে আর একটি ট্যাগের সাথে পরিচিত হব , তা হল -  orientation  । লিনিয়ার লেআউট এর উপাদান বা কম্পোনেন্ট দিয়ে আপনি আপনার অ্যাপ ২ভাবে সাজাতে পারবেন । ১- পাশাপাশি আর ২- উপর-নিচ । এখন আপনি কিভাবে সাজাতে চান সেটির নির্দেশনাই দিয়ে দিবেন এই  orientation  ভিতর । যেমন - অথবা         android :orientation= "Horizontal" > এখন এই লিনিয়ার লেআউট কিংবা কন্সট্রান্ট লেআউট কিংবা অন্য যে আর একটি লেআউট আছে রিলেটিভ লেআউট , এসব লেআউট এর ভিতরে চাইল্ড উপাদান হিসেবে যে কম্পোনেন্ট গুলো থাকবে এদের ভিতর কোন পার্থক্য নেই । শুধুমাত্র অ
আরও পড়ুন