Reproducir video desde URL en Android usando Kotlin

Muchas aplicaciones muestran video dentro de su aplicación para mostrar contenido de video. Los videos son de gran tamaño, por lo que prácticamente no es posible agregar cada video a nuestro proyecto. Esto aumentará el tamaño de nuestra aplicación. Entonces, para abordar esta cantidad de aplicaciones, reproduce el video desde la URL dentro de su aplicación de Android. En este video, veremos cómo reproducir un video desde una URL en una aplicación de Android usando Kotlin. 

Nota : si está buscando reproducir un video desde una URL en una aplicación de Android usando Java. Cómo reproducir video desde URL en Android usando Java

Implementación paso a paso

Paso 1: crea un nuevo proyecto en Android Studio

Cómo crear/iniciar un nuevo proyecto en Android Studio

Paso 2: agregue el permiso de Internet

Vaya a aplicación > manifiesto > AndroidManifest.xml y el permiso de Internet para ese archivo como se muestra a continuación.

<!--internet permissions and network state permission-->
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />

Paso 3: trabajar con el archivo activity_main.xml

Vaya a la aplicación > res > diseño > actividad_principal.xml y agregue el siguiente código a ese archivo. A continuación se muestra el código para el archivo activity_main.xml .

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">
  
    <!--on below line we are creating 
        a text for heading of our app-->
    <TextView
        android:id="@+id/idTVHeading"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="8dp"
        android:gravity="center"
        android:padding="4dp"
        android:text="Play Video from URL"
        android:textAlignment="center"
        android:textColor="@color/purple_200"
        android:textSize="18sp"
        android:textStyle="bold" />
  
    <!-- adding VideoView to the layout -->
    <VideoView
        android:id="@+id/videoView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/idTVHeading"
        android:layout_centerInParent="true" />
  
</RelativeLayout>

Paso 4: trabajar con el archivo MainActivity.kt

Vaya al archivo MainActivity.kt y consulte el siguiente código. A continuación se muestra el código del archivo MainActivity.kt . Se agregan comentarios dentro del código para comprender el código con más detalle.

package com.gtappdevelopers.kotlingfgproject
  
import android.net.Uri
import android.os.Bundle
import android.widget.MediaController
import android.widget.VideoView
import androidx.appcompat.app.AppCompatActivity
  
class MainActivity : AppCompatActivity() {
  
    // on below line we are creating 
    // a variable for our video view.
    lateinit var videoView: VideoView
  
    // on below line we are creating 
    // a variable for our video url.
    var videoUrl =
        "https://media.geeksforgeeks.org/wp-content/uploads/20201217192146/Screenrecorder-2020-12-17-19-17-36-828.mp4?_=1"
  
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
  
        // on below line we are initializing
        // our buttons with id.
        videoView = findViewById(R.id.videoView);
  
        // on below line we are creating 
        // uri for our video view.
        val uri: Uri = Uri.parse(videoUrl)
  
        // on below line we are setting
        // video uri for our video view.
        videoView.setVideoURI(uri)
  
        // on below line we are creating variable 
        // for media controller and initializing it.
        val mediaController = MediaController(this)
  
        // on below line we are setting anchor 
        // view for our media controller.
        mediaController.setAnchorView(videoView)
  
        // on below line we are setting media player
        // for our media controller.
        mediaController.setMediaPlayer(videoView)
  
        // on below line we are setting media 
        // controller for our video view.
        videoView.setMediaController(mediaController)
  
        // on below line we are 
        // simply starting our video view.
        videoView.start()
  
    }
}

Ahora ejecute su aplicación para ver el resultado. 

Producción: