Home Tutorial Android Studio Tutorial Menampilkan Video Dari Channel Youtube dengan Youtube API v3 menggunakan Android Studio

Monday, February 10, 2020

Tutorial Menampilkan Video Dari Channel Youtube dengan Youtube API v3 menggunakan Android Studio

         31 comments   

Baca Juga

Tutorial Menampilkan Video Dari Channel Youtube dengan Youtube API v3 menggunakan Android Studio
Tutorial Menampilkan Video Dari Channel Youtube dengan Android Studio
السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُه sobat 48😁. Bagaimana kabarnya? Semoga selalu dalam keadaan sehat ya. Kali ini saya akan membagikan sebuah artikel yang membahas tentang Tutorial Menampilkan Video Dari Channel Youtube dengan Youtube API v3 menggunakan Android Studio. Dengan tutorial ini, kita bisa menampilkan semua video dari Channel Youtube kita. Ingat, hanya video dari Youtube kita saja.

Jadi, disini kita menggunakan Channel ID dan Youtube API untuk menampilkan video-video yang ada di Channel kita. Tetapi, jika kamu tidak punya Channel Youtube, maka kamu bisa gunakan Channel Youtube lain dengan mengambil Channel ID dari Youtube tersebut.

Untuk kamu yang ingin langsung mencobanya, silahkan unduh melalui Github saya SOURCE CODE DISINI. Tetapi jika kalian ingin tahu cara mengaplikasikannya, silahkan lanjut baca artikel ini sampai selesai.

Sebelum memulai ke langkah-langkahnya, ada baiknya kita ambil Channel ID terlebih dahulu melalui link ini https://commentpicker.com/youtube-channel-id.php. Untuk caranya sebagai berikut :

1. Buka link https://commentpicker.com/youtube-channel-id.php
2. Kemudian isi kolom Youtube username or video/channel url dengan link Channel Youtube kamu. Lalu klik tombol Get Youtube Channel ID
Tutorial Menampilkan Video Dari Channel Youtube dengan Youtube API v3 menggunakan Android Studio
Get Youtube Channel ID
3. Jika sudah, maka akan muncul Channel ID dari Youtube kamu. Copy ID tersebut untuk kamu paste di Source Code sample tutorial ini.
Tutorial Menampilkan Video Dari Channel Youtube dengan Youtube API v3 menggunakan Android Studio
Get Youtube Channel ID
Berikutnya, kita akan mengaktifkan Youtube API v3 melalui Cloud Google. Untuk aranya sebagai berikut :

1. Buka dashboard Cloud Google, login menggunakan akun Google kamu
2. Buka menu API & Layanan ➔ Dashboard
Tutorial Menampilkan Video Dari Channel Youtube dengan Youtube API v3 menggunakan Android Studio
Youtube API v3
3. Jika sudah di menu Dashboard, sekarang kamu klik tombol Aktifkan API & Layanan
Tutorial Menampilkan Video Dari Channel Youtube dengan Youtube API v3 menggunakan Android Studio
Youtube API v3
4. Kamu Scroll perlahan kebawah, cari menu Youtube. Setelah itu, klik menu Youtube Data API v3
Tutorial Menampilkan Video Dari Channel Youtube dengan Youtube API v3 menggunakan Android Studio
Youtube API v3
5. Setelah itu, kamu aktifkan Youtube Data API v3. Sampai disini kita sudah selesai untuk langkah awal menerapkan tutorial ini.
Tutorial Menampilkan Video Dari Channel Youtube dengan Youtube API v3 menggunakan Android Studio
Youtube API v3
Untuk kalian yang ingin mencoba tutorial aplikasi ini dengan versi video, berikut saya berikan Videonya:

Jangan lupa subscribe Channel Youtube saya juga ya Azhar Rivaldi, karena disana ada banyak tutorial-tutorial untuk membuat aplikasi lainnya. Oke langsung saja tanpa basa-basi lagi kita langsung ke langkah pertama :

1. Buat project baru di Android Studio dengan cara klik File ⇒ Project Baru. Ketika diminta untuk memilih Default Activity, pilih Empty Activity dan klik next. Untuk minSDK, disini saya set API 21 ya.

2. Kemudian kita import library Youtube API
Source : Youtube API

3. Kamu ubah isi build.gradle dengan beberapa library
Source : build.gradle

4. Kamu ubah juga isi Android Manifest.xml menjadi seperti link dibawah ini
Source : Android Manifest.xml

5. Kemudian kita akan buat menu utama untuk menampilkan videonya. Buat activity_main.xml dan MainActivity.java.
Source : activity_main.xml dan MainActivity.java

6. Berikutnya buat Adapter untuk menampilkan daftar videonya. Buat list_video.xml dan MainAdapter.java.
Source : list_video.xml dan MainAdapter.java

7. Disini lah proses yang cukup panjang, kamu buat beberapa Model. Model ini berguna untuk mengimplementasikan apa saja yang ingin kita panggil. Berikut Model yang diperlukan :
- Default.java
- High.java
- Id.java
- Item.java
- Medium.java
- PageInfo.java
- Snippet.java
- Thumbnails.java
- Videos.java

8. Buat YoutubePresenter.java untuk mengambil parameter dari Youtube API.
Source : YoutubePresenter.java

9. Berikutnya buat folder service untuk kita isi dengan API. Buat ApiService.java dan ApiInterface.java.
Source : ApiService.java dan ApiInterface.java

10. Buat DBHelper.java untuk menyimpan data video sementara.
Source : DBHelper.java

11. Buat ListViewHolder.java mengambil data seperti judul, deskripsi dan thumbnail video.
Source : ListViewHolder.java

12. Selesai dan kalian Run. Jika kalian mengikuti langkah-langkah diatas dengan baik, pasti aplikasi yang kalian buat akan berjalan sebagaimana mestinya. Namun jika mengalami Error, silahkan berikan komentar dan kita diskusikan bersama.

Untuk tampilannya nanti akan seperti ini :
Tutorial Menampilkan Video Dari Channel Youtube dengan Youtube API v3 menggunakan Android Studio
Tutorial Menampilkan Video Dari Channel Youtube dengan Youtube API v3
Demikian informasi yang saya bagikan untuk kalian. Jangan lupa bagikan artikel ini ke teman-teman kalian agar ikut membaca Tutorial Menampilkan Video Dari Channel Youtube dengan Youtube API v3 menggunakan Android Studio ini. Subscribe juga blog Rivaldi 48 ini agar kalian mendapatkan notifikasi saat Admin update artikel terbaru. Semoga kalian lebih nyaman dan mudah dalam mengakses Blog Rivaldi 48 dimanapun kalian berada. Terima Kasih. Follow Instagram Admin @azhardvls_

31 comments

  1. antoFebruary 10, 2020 at 5:32 PM

    mantap gan. tutorial yang di tunggu ni. ninggal jejak dulu gan, sekalian share aplikasi baru ni

    https://play.google.com/store/apps/details?id=com.lhs.horoscopetoday

    ReplyDelete
  2. UnknownFebruary 27, 2020 at 12:19 PM

    gan kok yang bagian

    import com.azhar.youtubeapi.databinding.ActivityMainBinding;

    error ya, kenapa ya itu gan

    ReplyDelete
    Replies
    1. Azhar RivaldiFebruary 27, 2020 at 1:30 PM

      compare gradle dari github saya, harus aktifin DataBindingnya

      Delete
    2. UnknownMarch 2, 2020 at 1:18 PM

      gan kalau untuk yang bagian

      String OBJECT = "OBJECT";

      itu di ganti atau engga atau isi sama kaya id youtubenya?
      soalnya koneksi gagal terus, cara ngatasinya gmna ya

      Delete
    3. Azhar RivaldiMarch 2, 2020 at 2:53 PM

      coba di debug, string object itu hanya untuk fungsi pengiriman data ke activity

      Delete
  3. UnknownMarch 9, 2020 at 9:33 AM

    gan kalo muncul error gini kenapa ya?

    E/RecyclerView: No adapter attached; skipping layout

    loading terus ga mau tampil list videonya

    ReplyDelete
  4. UnknownMarch 10, 2020 at 12:17 AM

    video yg dimuat maksimalnya hanya 50 video ya gan? apa bisa ditambahin lagi?

    ReplyDelete
    Replies
    1. Azhar RivaldiMarch 10, 2020 at 9:00 AM

      tidak bisa gan, karena itu pakai API gratis. mungkin kalau pake yg berbayar bisa

      Delete
  5. anamMay 1, 2020 at 12:50 PM

    gan kok gagal ya.. untuk gogleapis.com sama /youtube yg get di ganti ap ya thanks

    ReplyDelete
  6. anamMay 1, 2020 at 12:51 PM

    This comment has been removed by the author.

    ReplyDelete
    Replies
    1. Azhar RivaldiMay 1, 2020 at 6:22 PM

      jangan asal copas ya, dipahami source code yg saya kasih.

      Delete
  7. anamMay 1, 2020 at 8:50 PM

    This comment has been removed by the author.

    ReplyDelete
  8. AnonymousJuly 11, 2020 at 8:57 AM

    cara nambahin keterangan kapan waktu videonya di upload gimana gan?

    ReplyDelete
    Replies
    1. Azhar RivaldiJuly 11, 2020 at 12:48 PM

      jalanin apinya di postman, ada gak waktu uploadnya. kalo ada, tinggal panggil aja nanti

      Delete
  9. AnonymousJuly 17, 2020 at 9:52 PM

    gan aku udah buat aplikasinya, tapi pas aku coba buat mutar videonya, pas videonya udah selesai dan ku klik di rekomendasi video kok malah dialihkan ke aplikasi youtube yang asli gan, gimana caranya supaya muternya tetap di aplikasi yang kita buat dan gak pindah ke aplikasi youtube yang asli gan?

    ReplyDelete
    Replies
    1. Azhar RivaldiJuly 18, 2020 at 9:26 AM

      saya juga gaktau untuk masalah ini, belum ada solusi

      Delete
    2. AnonymousJuly 25, 2020 at 11:51 AM

      Alhamdulillah aku udah nemu solusinya Gan, jadi gini itu kan awalnya sebelumnya itu kan buat Intent YouTubeStandAloneplayer Nah itu aku ganti pakai Intent ke activity baru jadi aku buat activity baru namanya PlayActivity,
      nah di layout pada activity yg aku buat aku buat view YoutubePlayerView, terus di javanya aku pakai method PlayerStateChangeListener di dalamnya kan ada method onVideoended Nah di situ aku kasih fungsi finish(). jadi pas video sudah berakhir maka otomatis nantinya dia akan langsung kembali ke activity sebelumnya

      Delete
    3. AnonymousJuly 25, 2020 at 11:59 AM

      yang aku masih bingungin gan, Gimana caranya dapat deskripsi video yang full soalnya deskripsi yang dari tutorial agan kan cuman sebagian aja yang ditampilin diteruskan dengan tanda titik (...), Nah aku mau pakai deskripsi yang full itu di activity ku yang baru, jadi nantinya di atas itu video Terus di bawahnya deskripsi full kayak gitu Gan, gimana caranya gan?

      Delete
  10. AnonymousAugust 19, 2020 at 8:44 PM

    Gan kalau mau nampilin video dari playlist channel youtube gimana caranya?

    ReplyDelete
  11. anamJanuary 6, 2021 at 8:36 PM

    bang adapter skipping layout kenpa ya

    ReplyDelete
  12. PutraAugust 20, 2021 at 2:39 PM

    mau tanya dong gan. semua sudah di samakan. tapi saat di running koneksi gagal terus. kenapa ya??

    ReplyDelete
    Replies
    1. Azhar RivaldiAugust 20, 2021 at 7:11 PM

      coba di debug

      Delete
    2. PutraAugust 24, 2021 at 12:02 PM

      E/RecyclerView: No adapter attached; skipping layout

      muncul di debugnya begitu

      Delete
    3. PutraAugust 24, 2021 at 3:13 PM

      sudah bisa gan. terima kasih tutorialnya. ternyata ada eror di youtube api key. ketahuan setelah di cek menggunakan postman

      Delete
    4. Azhar RivaldiAugust 27, 2021 at 10:00 AM

      mantap, belajar fix error sendiri. sukses terus

      Delete

Silahkan tinggalkan komentar jika Anda punya saran, kritik, atau pertanyaan seputar topik pembahasan. Gunakan bahasa yang bijak dan santun. Terima Kasih.
EmoticonEmoticon