Belajar Menampilkan VideoView pada Aplikasi Android Studio

  • Post
    codeorayo
    Keymaster
    none
    VideoView adalah suatu widget atau class library, yang disediakan dalam package Android, yang berfungsi untuk mengelola dan menampilkan Video pada Aplikasi Android. Pada tutorial belajar android kali ini ,pertama kita akan mencoba menampilkan Video lewat jalur local ,yang dimana kita menyimpanya di project ,pada folder raw, kedua kita akan menampilkanya lewat streaming atau online. Berikut mari kita coba lihat penerapanya:

    [table]

    [tr]

    [/tr]

    [tr]

    [/tr]

    [/table]

    [td][img width=400,height=266]https://2.bp.blogspot.com/-zBRf3BD9YDc/WNvAIKaucPI/AAAAAAAAGpE/qPzJn3rZGUk2hafVxz0oYm5LSp1hCqeYwCLcB/s400/contoh-VideoView-Aplikasi-Android-Studio.png[/img][/td]
    [td]
    [/td]

    Menampilkan lewat Local Video

    1. Pertama buat project baru ,atau yang sudah ada di Android Studio kalian.

    2. Kedua kita akan membuat folder raw terlebih dahulu ,pada project Android Studio ,kalian bisa klik kanan pada folder app ,lalu pilih New > Android resource directory.

    [table]

    [tr]

    [/tr]

    [tr]

    [/tr]

    [/table]

    [td][img width=314,height=320]https://1.bp.blogspot.com/-_9i3ZSXhQGk/WNuvz3O52qI/AAAAAAAAGoM/Z784PyfxckIJcEvgrH-LZ4heymbi3zm8wCLcB/s320/android-resource-directory.png[/img][/td]
    [td]Membuat folder Android resource directory[/td]

    Pada bagian New Resource Directory , pilih resource type raw , setelah selesai  pilih tombol Ok.

    [table]

    [tr]

    [/tr]

    [tr]

    [/tr]

    [/table]

    [td][img width=320,height=185]https://3.bp.blogspot.com/-4Fsa28yze6A/WNuw8rORorI/AAAAAAAAGoU/_IWQFLDdnq0dTVjKZoTSVsETGlyGnubigCLcB/s320/create-buat-folder-raw-android-studio.png[/img][/td]
    [td]Folder raw[/td]

    Kira-kira akan jadinya seperti pada gambar dibawah. Oh ya ,pastikan kalian sudah menyiapkan videonya lalu salin ke folder raw, Sebagai contoh  ,disini saya memberi nama videonya contoh_video.

    [table]

    [tr]

    [/tr]

    [tr]

    [/tr]

    [/table]

    [td][img]https://2.bp.blogspot.com/-CSMG7DLem1o/WNu07IpfUcI/AAAAAAAAGos/pj3fjgxleTAM-GfBP3rqWE8GJ224vj6sQCLcB/s1600/contoh-folder-raw-android-studio.png[/img][/td]
    [td]Folder raw [/td]

    3. Pada bagian tab design ,di bagian layout activity_main.xml , Kalian hanya perlu drag dari bagian Pallete ke bagian layar pada layout.

    [table]

    [tr]

    [/tr]

    [tr]

    [/tr]

    [/table]

    [td][img width=320,height=233]https://2.bp.blogspot.com/-e8JglZiAes8/WNuyMdat33I/AAAAAAAAGog/QLiL3eljL54LeklalLBItEc-hZcVXjvZACLcB/s320/design-layout-activity-main-xml-android-studio.png[/img][/td]
    [td]Design Layout[/td]

    Code activity_main.xml


    1.         xmlns:android=”http://schemas.android.com/apk/res/android

    2.         xmlns:tools=”http://schemas.android.com/tools

    3.         android:layout_width=”match_parent”

    4.         android:layout_height=”match_parent”

    5.         android:id=”@+id/activity_main”

    6.         android:layout_marginTop=”@dimen/activity_vertical_margin”

    7.         android:layout_marginBottom=”@dimen/activity_vertical_margin”

    8.         android:layout_marginRight=”@dimen/activity_vertical_margin”

    9.         android:layout_marginLeft=”@dimen/activity_vertical_margin”

    10.         >

    11.  

    12.  

    13.     

    14.             android:layout_width=”350dp”

    15.             android:layout_height=”250dp”

    16.             android:id=”@+id/videoView”

    17.             android:layout_centerVertical=”true”

    18.             android:layout_alignParentLeft=”true”

    19.             android:layout_alignParentStart=”true”/>



    20. 4. Nah pada Codingan Javanya ,seperti biasa kita mendeklarasi object terlebih dahulu, dan menggunakan Class atau library VideoView.

      Code MainActivity.java

      1. package com.okedroid.contohaplikasi;

      2.  

      3. import android.net.Uri;

      4. import android.os.Bundle;

      5. import android.support.v7.app.AppCompatActivity;

      6. import android.widget.MediaController;

      7. import android.widget.VideoView;

      8.  

      9.  

      10. /*

      11. Fathurrahman (okedroid.com)

      12.  */

      13. public class MainActivity extends AppCompatActivity {

      14.  

      15.     VideoView videoView;

      16.   //deklarasi obj

      17.  

      18.     @Override

      19.     protected void onCreate(Bundle savedInstanceState) {

      20.         super.onCreate(savedInstanceState);

      21.         setContentView(R.layout.activity_main);

      22.  

      23.         getSupportActionBar().setTitle(“Contoh VideoView”);

      24.         getSupportActionBar().setSubtitle(“Belajar di okedroid.com”);

      25.  

      26.         videoView = (VideoView) findViewById(R.id.videoView);

      27.         //inisialisasi object videoView

      28.         videoView.setVideoURI(Uri.parse(“android.resource://” + getPackageName() + “/” + R.raw.contoh_video));

      29.         //digunakan untuk mengidentifikasi resource seperti lokasi video

      30.         videoView.setMediaController(new MediaController(this));

      31.       //menampilkan media controller video

      32.         videoView.start();

      33.         //memulai video

      34.  

      35.     }

      36.  

      37. }


        5. Setelah itu ,kita jalankan Aplikasinya ,dengan cara memilih Run di Android Studio.Hasilnya kira-kira akan seperti ini.

        [table]

        [tr]

        [/tr]

        [tr]

        [/tr]

        [/table]

        [td][img width=180,height=320]https://1.bp.blogspot.com/-Wv76oY1yVpg/WNu1odGn3MI/AAAAAAAAGo0/aCNHraCWbK4S_v5vgTyAS4QcJfG8IFSPwCLcB/s320/contoh-aplikasi-videoview-android-studio.png[/img][/td]
        [td]Contoh Hasil VideoView Aplikasi

        [/td]

      • You must be logged in to reply to this topic.