Belajar Menampilkan VideoView pada Aplikasi Android Studio

• January 23, 2020 at 3:17 pm

• Quote

codeorayo

Keymaster

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

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

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

        android:layout_width=”match_parent”

        android:layout_height=”match_parent”

        android:id=”@+id/activity_main”

        android:layout_marginTop=”@dimen/activity_vertical_margin”

        android:layout_marginBottom=”@dimen/activity_vertical_margin”

        android:layout_marginRight=”@dimen/activity_vertical_margin”

        android:layout_marginLeft=”@dimen/activity_vertical_margin”

        >

            android:layout_width=”350dp”

            android:layout_height=”250dp”

            android:id=”@+id/videoView”

            android:layout_centerVertical=”true”

            android:layout_alignParentLeft=”true”

            android:layout_alignParentStart=”true”/>

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

Code MainActivity.java

package com.okedroid.contohaplikasi;

import android.net.Uri;

import android.os.Bundle;

import android.support.v7.app.AppCompatActivity;

import android.widget.MediaController;

import android.widget.VideoView;

/*

Fathurrahman (okedroid.com)

 */

public class MainActivity extends AppCompatActivity {

    VideoView videoView;

  //deklarasi obj

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

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

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

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

        //inisialisasi object videoView

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

        //digunakan untuk mengidentifikasi resource seperti lokasi video

        videoView.setMediaController(new MediaController(this));

      //menampilkan media controller video

        videoView.start();

        //memulai video

    }

}

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

[/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]