{"id":41,"date":"2017-02-06T04:31:30","date_gmt":"2017-02-06T04:31:30","guid":{"rendered":"http:\/\/abhiandroid.com\/createandroidapp\/?page_id=41"},"modified":"2019-06-14T10:14:55","modified_gmt":"2019-06-14T10:14:55","slug":"youtube-app","status":"publish","type":"page","link":"https:\/\/abhiandroid.com\/createandroidapp\/youtube-app","title":{"rendered":"How To Create Youtube Android App In Android Studio [Step By Step]"},"content":{"rendered":"

Do you know creating Youtube Android App is so easy as you just need to understand how to use Youtube API for that.<\/p>\n

In this application we will share about adding Youtube functionality to your Android application. Further we will also create playlist and run on real device. Will make use of multiple Android UI components to design and step by step developing a Youtube App in Android Studio.<\/p>\n

Topics Used\u00a0For Creating Youtube App –\u00a0<\/strong>Before following the below steps it is recommended you check out ImageView, Button, \u00a0Linear Layout &\u00a0Relative Layout topics. Also go through JAVA OOPS<\/a> concept once.<\/p>\n

\n

Steps To Create a Youtube Application In Android Studio:<\/strong><\/h4>\n

Below you can download code, see final output and step by step explanation of Youtube App in Android Studio.<\/p>\n

Download Code<\/a><\/p>\n

\"Youtube
\nStep 1:<\/strong><\/span> Firstly get the Android Studio downloaded in your system, then open it.<\/p>\n

Step 2:<\/strong><\/span> Create a new project choose basic activity<\/strong> and name it YoutubePlayer<\/strong>.<\/p>\n

Now please read this tutorial How To choose basic activity.<\/a><\/p>\n

Step 3:<\/strong> <\/span>Now click here to download the YouTube Android Player API<\/a>.<\/p>\n

Step 4:<\/strong><\/span> After downloading extract the downloaded compressed folder, open it and find a executable jar file in libs folder.<\/p>\n

Now please read this tutorial\u00a0How To Add External JAR Files In Android Studio<\/a><\/p>\n

Step 5:<\/strong> <\/span>Copy this library and paste in your YoutubePlayer application app -> libs<\/strong><\/p>\n

\"Adding
\nStep 6:<\/strong><\/span> Add dependencies to build.gradle file and sync. Adding this will make our application compatible to add youtube functionality.<\/p>\n

Add in Gradle Scripts >> build.gradle (Module: app)<\/strong><\/p>\n

 compile files('libs\/YouTubeAndroidPlayerApi.jar')<\/pre>\n
\"Adding
\nStep 7:<\/strong><\/span> Create a new activity “YoutubeActivity”<\/strong> of gallery type and further select it as basic activity.
\n\"Adding
\n Step 8:<\/strong><\/span> Open YoutubeActivity.java<\/strong> file. Here you need to change the default code.<\/p>\n
i of Step 8)<\/strong>\u00a0<\/span>Firstly need to change YoutubeActivity extends YouTubeBaseActivity implements YouTubePlayer.OnInitializedListener. This code will give error, to remove it we need to implement the code.<\/p>\n
You can see it in below screenshot:
\n\"Adding<\/p>\n
ii of Step 8 –<\/strong><\/span> Go to menu bar on the top click Code -> Generate -> Implements method and click ok. This will add a code where we can add toast message when youtube initialization is success and fail.<\/p>\n
Now please read this tutorial for Implementing abstract method<\/a>.<\/p>\n
iii of Step 8)<\/strong><\/span> Nextly we gonna add listeners in the code as:<\/p>\n
   youTubePlayer.setPlayerStateChangeListener(playerStateChangeListener);\r\n        youTubePlayer.setPlaybackEventListener(playbackEventListener);<\/pre>\n
iv of Step 8)<\/strong> <\/span>You need to add Google API Key (it’s a unique key uses to take advantage of youtube functionality) and Youtube Video ID(it’s the id of video we want to play) for that follow following steps:<\/p>\n
    \n
  1. Open this link <\/a>first.<\/li>\n
  2. You need to login first to get into this link thought your google ID.<\/li>\n
  3. Now you need to create a project then name that project.
    \n\"Create<\/li>\n
  4. Click on credentials and further click API key. There will be a pop-up displaying API copy it for its usage in the application.
    \n\"Create<\/li>\n
  5. For Video ID<\/strong> open Youtube.com and play any video you wish to. To get the video ID copy the URL after the equal to sign. Similarly you can get the PlayList ID<\/strong> just open required playlist in Youtube.
    \n\"Coping<\/li>\n<\/ol>\n
    Complete CODE of\u00a0YoutubeActivity.java<\/strong><\/p>\n
    package com.example.youtubeplayer;\r\n\r\nimport android.os.Bundle;\r\nimport android.widget.Toast;\r\nimport com.google.android.youtube.player.YouTubeBaseActivity;\r\nimport com.google.android.youtube.player.YouTubeInitializationResult;\r\nimport com.google.android.youtube.player.YouTubePlayer;\r\nimport com.google.android.youtube.player.YouTubePlayerView;\r\n\r\npublic class YoutubeActivity extends YouTubeBaseActivity\r\n        implements YouTubePlayer.OnInitializedListener\r\n{\r\n    private String GOOGLE_API_KEY = \"AIzaSyBZVbNSsdQZCX_yWFCHPQ_fQMcK4xf9hDk\";\r\n    private String YOUTUBE_VIDEO_ID = \"EknEIzswvC0\";\r\n\r\n    @Override\r\n    protected void onCreate(Bundle savedInstanceState) {\r\n        super.onCreate(savedInstanceState);\r\n        setContentView(R.layout.activity_youtube);\r\n        YouTubePlayerView youTubePlayerView = (YouTubePlayerView) findViewById(R.id.youtube_player);\r\n        youTubePlayerView.initialize(GOOGLE_API_KEY, this);\r\n    }\r\n\r\n    @Override\r\n    public void onInitializationSuccess(YouTubePlayer.Provider provider, YouTubePlayer youTubePlayer, boolean wasRestored) {\r\n        Toast.makeText(this, \"Initialized Youtube Player successfully\", Toast.LENGTH_LONG).show();\r\n        youTubePlayer.setPlayerStateChangeListener(playerStateChangeListener);\r\n        youTubePlayer.setPlaybackEventListener(playbackEventListener);\r\n\r\n        if(!wasRestored) {\r\n            youTubePlayer.cueVideo(YOUTUBE_VIDEO_ID);\r\n        }\r\n\r\n    }\r\n    \r\n    private YouTubePlayer.PlaybackEventListener playbackEventListener = new YouTubePlayer.PlaybackEventListener() {\r\n        @Override\r\n        public void onPlaying() {\r\n            Toast.makeText(YoutubeActivity.this,\"Good, video is playing ok\", Toast.LENGTH_LONG).show();\r\n        }\r\n\r\n        @Override\r\n        public void onPaused() {\r\n            Toast.makeText(YoutubeActivity.this,\"Video has paused\", Toast.LENGTH_LONG).show();\r\n        }\r\n\r\n        @Override\r\n        public void onStopped() {\r\n\r\n        }\r\n\r\n        @Override\r\n        public void onBuffering(boolean b) {\r\n\r\n        }\r\n\r\n        @Override\r\n        public void onSeekTo(int i) {\r\n\r\n        }\r\n    };\r\n\r\n    YouTubePlayer.PlayerStateChangeListener playerStateChangeListener = new YouTubePlayer.PlayerStateChangeListener() {\r\n        @Override\r\n        public void onLoading() {\r\n\r\n        }\r\n\r\n        @Override\r\n        public void onLoaded(String s) {\r\n\r\n        }\r\n\r\n        @Override\r\n        public void onAdStarted() {\r\n            Toast.makeText(YoutubeActivity.this,\"Click Ad now, make the video creator rich!\", Toast.LENGTH_LONG).show();\r\n        }\r\n\r\n        @Override\r\n        public void onVideoStarted() {\r\n            Toast.makeText(YoutubeActivity.this,\"Video has started!\", Toast.LENGTH_LONG).show();\r\n        }\r\n\r\n        @Override\r\n        public void onVideoEnded() {\r\n            Toast.makeText(YoutubeActivity.this,\"Thanks for watching!\", Toast.LENGTH_LONG).show();\r\n\r\n        }\r\n\r\n        @Override\r\n        public void onError(YouTubePlayer.ErrorReason errorReason) {\r\n\r\n        }\r\n    };\r\n\r\n    @Override\r\n    public void onInitializationFailure(YouTubePlayer.Provider provider, YouTubeInitializationResult youTubeInitializationResult) {\r\n        Toast.makeText(this, \"Failed to Initialize Youtube Player\", Toast.LENGTH_LONG).show();\r\n    }\r\n}\r\n<\/pre>\n
    Step 9:<\/strong> <\/span>Open content_youtube.xml<\/strong> file, in this we need to extend the layout for youtube activity basically we will add a custom view that enable us to play youtube videos.<\/p>\n
    Step 10:<\/strong><\/span> Firstly change the relative layout to linear layout and add its orientation to vertical also remove the padding in the layout. See the code to be added.<\/p>\n
    Complete code of\u00a0content_youtube.xml<\/strong><\/p>\n
    <?xml version=\"1.0\" encoding=\"utf-8\"?>\r\n<LinearLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\r\n    xmlns:app=\"http:\/\/schemas.android.com\/apk\/res-auto\"\r\n    xmlns:tools=\"http:\/\/schemas.android.com\/tools\"\r\n    android:id=\"@+id\/content_youtube\"\r\n    android:layout_width=\"match_parent\"\r\n    android:layout_height=\"match_parent\"\r\n   android:orientation=\"vertical\"\r\n    app:layout_behavior=\"@string\/appbar_scrolling_view_behavior\"\r\n    tools:context=\"com.example.youtubeplayer.YoutubeActivity\"\r\n    tools:showIn=\"@layout\/activity_youtube\">\r\n\r\n\/\/custom view to enable youtube player\r\n    <com.google.android.youtube.player.YouTubePlayerView\r\n        android:id=\"@+id\/youtube_player\"\r\n        android:layout_width=\"match_parent\"\r\n        android:layout_height=\"match_parent\"\r\n        android:background=\"@android:color\/white\">\r\n    <\/com.google.android.youtube.player.YouTubePlayerView>\r\n<\/LinearLayout>\r\n<\/pre>\n
    Step 11:<\/strong><\/span> Add users permission for internet in AndroidManifest.xml.<\/p>\n
      <uses-permission android:name=\"android.permission.INTERNET\" \/><\/pre>\n
    \"Adding
    \nStep 12:<\/strong> <\/span>Open file content_main.xml<\/strong>, add button in it which will redirect user to youtube player.<\/p>\n
    <?xml version=\"1.0\" encoding=\"utf-8\"?>\r\n<RelativeLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\r\n    xmlns:app=\"http:\/\/schemas.android.com\/apk\/res-auto\"\r\n    xmlns:tools=\"http:\/\/schemas.android.com\/tools\"\r\n    android:id=\"@+id\/content_standalone\"\r\n    android:layout_width=\"match_parent\"\r\n    android:layout_height=\"match_parent\"\r\n    android:orientation=\"vertical\"\r\n    app:layout_behavior=\"@string\/appbar_scrolling_view_behavior\"\r\n    tools:context=\"com.example.youtubeplayer.MainActivity\"\r\n    tools:showIn=\"@layout\/activity_main\"\r\n    android:background=\"@android:color\/holo_green_dark\">\r\n\r\n    <ImageView\r\n        android:layout_width=\"match_parent\"\r\n        android:layout_height=\"wrap_content\"\r\n        app:srcCompat=\"@drawable\/pic\"\r\n        android:id=\"@+id\/imageView\"\r\n        android:background=\"@android:color\/background_dark\"\r\n        android:layout_alignParentTop=\"true\" \/>\r\n\r\n    <Button\r\n        android:text=\"Next\"\r\n        android:layout_width=\"wrap_content\"\r\n        android:layout_height=\"wrap_content\"\r\n        android:layout_alignTop=\"@+id\/btnPlayVideo\"\r\n        android:layout_centerHorizontal=\"true\"\r\n        android:layout_marginTop=\"135dp\"\r\n        android:textStyle=\"bold|italic\"\r\n        android:id=\"@+id\/next\" \/>\r\n\r\n    <Button\r\n        android:id=\"@+id\/btnPlayVideo\"\r\n        android:layout_width=\"wrap_content\"\r\n        android:layout_height=\"wrap_content\"\r\n        android:text=\"@string\/play_video\"\r\n        android:textStyle=\"bold|italic\"\r\n        android:layout_marginTop=\"93dp\"\r\n        android:layout_below=\"@+id\/imageView\"\r\n        android:layout_centerHorizontal=\"true\" \/>\r\n\r\n<\/RelativeLayout>\r\n<\/pre>\n
    Step 13:<\/strong><\/span> Now open MainActivity.java<\/strong> class and paste the following code.
    \nIn this code we gonna add the onclickListener over button click i.e if user click on button video will run and a next button which will redirect to next activity.<\/p>\n
    package com.example.youtubeplayer;\r\n\r\nimport android.content.Intent;\r\nimport android.os.Bundle;\r\nimport android.support.v7.app.AppCompatActivity;\r\nimport android.support.v7.widget.Toolbar;\r\nimport android.view.View;\r\nimport android.widget.Button;\r\n\r\npublic class MainActivity extends AppCompatActivity  implements View.OnClickListener{\r\n    private Button btnSingle;\r\n    private  Button btnNext;\r\n\r\n    @Override\r\n    protected void onCreate(Bundle savedInstanceState) {\r\n        super.onCreate(savedInstanceState);\r\n        setContentView(R.layout.activity_main);\r\n       Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);\r\n        setSupportActionBar(toolbar);\r\n        btnSingle = (Button) findViewById(R.id.btnPlayVideo);\r\n        btnNext= (Button) findViewById(R.id.next);\r\n        btnSingle.setOnClickListener(this);\r\n        btnNext.setOnClickListener(this);\r\n    }\r\n    \r\n    @Override\r\n    public void onClick(View v) {\r\n        Intent intent= null;\r\n\r\n        switch (v.getId()){\r\n            case R.id.btnPlayVideo:\r\n                intent = new Intent((MainActivity.this), YoutubeActivity.class);\r\n                break;\r\n            case R.id.next:\r\n                intent = new Intent((MainActivity.this) , StandaloneActivity.class);\r\n                break;\r\n            default:\r\n        }\r\n\r\n        if(intent!= null){\r\n            startActivity(intent);\r\n        }\r\n\r\n    }\r\n}\r\n<\/pre>\n
    Step 14:<\/strong><\/span> Similarly create another basic activity<\/a> and name \u00a0it\u00a0StandaloneActivity<\/strong> to see the Youtube Playlist functionality. In this we will define a PlayList ID that you can get same as we extracted Video ID.<\/p>\n
    Step 15:<\/strong><\/span> Open content_standalone.xml<\/strong> file in this add two button and add functionality over it in java file.<\/p>\n
    <?xml version=\"1.0\" encoding=\"utf-8\"?>\r\n<RelativeLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\r\n    xmlns:app=\"http:\/\/schemas.android.com\/apk\/res-auto\"\r\n    xmlns:tools=\"http:\/\/schemas.android.com\/tools\"\r\n    android:id=\"@+id\/content_standalone\"\r\n    android:layout_width=\"match_parent\"\r\n    android:layout_height=\"match_parent\"\r\n    android:orientation=\"vertical\"\r\n    app:layout_behavior=\"@string\/appbar_scrolling_view_behavior\"\r\n    tools:context=\"com.example.youtubeplayer.StandaloneActivity\"\r\n    tools:showIn=\"@layout\/activity_standalone\"\r\n    android:background=\"@android:color\/holo_green_dark\">\r\n   \r\n    <ImageView\r\n        android:layout_width=\"match_parent\"\r\n        android:layout_height=\"wrap_content\"\r\n        app:srcCompat=\"@drawable\/pic\"\r\n        android:id=\"@+id\/imageView\"\r\n        android:background=\"@android:color\/background_dark\"\r\n        android:layout_alignParentTop=\"true\"\r\n        android:contentDescription=\"@string\/pic\" \/>\r\n\r\n    <Button\r\n        android:id=\"@+id\/btnVideo\"\r\n        android:layout_width=\"wrap_content\"\r\n        android:layout_height=\"wrap_content\"\r\n        android:text=\"@string\/play_video\"\r\n        android:textStyle=\"bold|italic\"\r\n        android:layout_marginBottom=\"186dp\"\r\n        android:layout_alignParentBottom=\"true\"\r\n        android:layout_centerHorizontal=\"true\" \/>\r\n\r\n    <Button\r\n        android:id=\"@+id\/btnPlayList\"\r\n        android:layout_width=\"wrap_content\"\r\n        android:layout_height=\"wrap_content\"\r\n        android:text=\"@string\/play_playlist\"\r\n        android:textStyle=\"bold|italic\"\r\n        android:layout_marginBottom=\"63dp\"\r\n        android:layout_above=\"@+id\/btnVideo\"\r\n        android:layout_centerHorizontal=\"true\" \/>\r\n\r\n<\/RelativeLayout>\r\n<\/pre>\n
    Step 16:<\/strong><\/span> Now open src -> package -> StandaloneActivity.java<\/strong>. In this we gonna add the onclickListener over button click i.e if user click on PlayVideo video will play otherwise on clicking Play PlayList playlist will run of defined ID.<\/p>\n
    package com.example.youtubeplayer;\r\n\r\nimport android.content.Intent;\r\nimport android.os.Bundle;\r\nimport android.support.design.widget.FloatingActionButton;\r\nimport android.support.design.widget.Snackbar;\r\nimport android.support.v7.app.AppCompatActivity;\r\nimport android.support.v7.widget.Toolbar;\r\nimport android.view.View;\r\nimport android.widget.Button;\r\n\r\nimport com.google.android.youtube.player.YouTubeStandalonePlayer;\r\n\r\npublic class StandaloneActivity extends AppCompatActivity implements View.OnClickListener\r\n{\r\n\r\n    private String GOOGLE_API_KEY = \"AIzaSyBZVbNSsdQZCX_yWFCHPQ_fQMcK4xf9hDk\";\r\n    private String YOUTUBE_VIDEO_ID = \"EknEIzswvC0\";\r\n    private String YOUTUBE_PLAYLIST_ID= \"PLS1QulWo1RIbb1cYyzZpLFCKvdYV_yJ-E\";\r\n    private Button btnPlayVideo;\r\n    private  Button btnPlayplaylist;\r\n\r\n    @Override\r\n    protected void onCreate(Bundle savedInstanceState) {\r\n        super.onCreate(savedInstanceState);\r\n        setContentView(R.layout.activity_standalone);\r\n       Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);\r\n        setSupportActionBar(toolbar);\r\n\r\n        btnPlayplaylist= (Button) findViewById(R.id.btnPlayList);\r\n        btnPlayVideo= (Button) findViewById(R.id.btnVideo);\r\n        btnPlayVideo.setOnClickListener(this);\r\n         btnPlayplaylist.setOnClickListener(this);\r\n    }\r\n\r\n    @Override\r\n    public void onClick(View v) {\r\n        Intent intent= null;\r\n        switch (v.getId()){\r\n            case R.id.btnVideo:\r\n                intent = YouTubeStandalonePlayer.createVideoIntent(this,GOOGLE_API_KEY,YOUTUBE_VIDEO_ID);\r\n                break;\r\n            case R.id.btnPlayList:\r\n                intent = YouTubeStandalonePlayer.createPlaylistIntent(this,GOOGLE_API_KEY,YOUTUBE_PLAYLIST_ID);\r\n\r\n                break;\r\n            default:\r\n        }\r\n\r\n        if(intent!= null){\r\n            startActivity(intent);\r\n        }\r\n    }\r\n}\r\n<\/pre>\n
    OUTPUT:<\/strong><\/span>
    \nNow run the App and use the play the Youtube video you added.<\/p>\n","protected":false},"excerpt":{"rendered":"
    Do you know creating Youtube Android App is so easy as you just need to understand how to use Youtube API for that. In this application we will share about adding Youtube functionality to your Android application. Further we will also create playlist and run on real device. Will make use of multiple Android UI … Continue reading How To Create Youtube Android App In Android Studio [Step By Step]<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"home.php","meta":{"footnotes":""},"class_list":["post-41","page","type-page","status-publish","hentry"],"psp_head":"How To Create Youtube Android App In Android Studio [Step By Step] \u2013 Create Android App<\/title>\r\n<meta name=\"description\" content=\"Do you know creating Youtube Android App is so easy as you just need to understand how to use Youtube API for that. In this application we will share about adding Youtube functionality to your Android application.\" \/>\r\n<meta name=\"robots\" content=\"index,follow\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/abhiandroid.com\/createandroidapp\/youtube-app\" \/>\r\n","_links":{"self":[{"href":"https:\/\/abhiandroid.com\/createandroidapp\/wp-json\/wp\/v2\/pages\/41","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/abhiandroid.com\/createandroidapp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/abhiandroid.com\/createandroidapp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/abhiandroid.com\/createandroidapp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/abhiandroid.com\/createandroidapp\/wp-json\/wp\/v2\/comments?post=41"}],"version-history":[{"count":3,"href":"https:\/\/abhiandroid.com\/createandroidapp\/wp-json\/wp\/v2\/pages\/41\/revisions"}],"predecessor-version":[{"id":315,"href":"https:\/\/abhiandroid.com\/createandroidapp\/wp-json\/wp\/v2\/pages\/41\/revisions\/315"}],"wp:attachment":[{"href":"https:\/\/abhiandroid.com\/createandroidapp\/wp-json\/wp\/v2\/media?parent=41"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}