VideoView es un widget de interfaz de usuario que se utiliza para mostrar contenido de video a los usuarios dentro de las aplicaciones de Android. Podemos agregar video en esta vista de video desde diferentes recursos, como un video almacenado en el dispositivo del usuario o un video de un servidor. En este artículo, veremos cómo usar Video View en la aplicación de Android.
Nota : este artículo de Android cubre los lenguajes Java y Kotlin .
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: trabajar con el archivo activity_main.xml
Vaya a aplicación > res > diseño > actividad_principal.xml y agregue el código a continuación. Se agregan comentarios en el código para conocer en detalle.
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/idRLContainer" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context=".MainActivity"> <!--on below line we are creating a simple text view--> <TextView android:id="@+id/idTVHeading" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="20dp" android:gravity="center" android:padding="10dp" android:text="Video View in Android" android:textAlignment="center" android:textColor="@color/black" android:textSize="20sp" android:textStyle="bold" /> <!-- adding VideoView to the layout --> <VideoView android:id="@+id/idVideoView" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@id/idTVHeading" android:layout_centerInParent="true" /> </RelativeLayout>
Paso 3: trabajar con el archivo MainActivity
Vaya a aplicación > java > nombre del paquete de su aplicación > archivo MainActivity y agréguele el siguiente código. Se agregan comentarios en el código para conocer en detalle.
Kotlin
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. lateinit var videoView: VideoView val videoUrl = "Paste Your Video URL Here" override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) // on below line we are initializing our variables. videoView = findViewById(R.id.idVideoView) // Uri object to refer the // resource from the videoUrl val uri = Uri.parse(videoUrl) // sets the resource from the // videoUrl to the videoView videoView.setVideoURI(uri) // creating object of // media controller class val mediaController = MediaController(this) // sets the anchor view // anchor view for the videoView mediaController.setAnchorView(videoView) // sets the media player to the videoView mediaController.setMediaPlayer(videoView) // sets the media controller to the videoView videoView.setMediaController(mediaController); // starts the video videoView.start(); } }
Java
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; public class MainActivity extends AppCompatActivity { // on below line we are creating variables. private VideoView videoView; // Your Video URL String videoUrl = "Paste Your Video URL Here"; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); // on below line we are initializing our variables. videoView = findViewById(R.id.idVideoView); // Uri object to refer the // resource from the videoUrl Uri uri = Uri.parse(videoUrl); // sets the resource from the // videoUrl to the videoView videoView.setVideoURI(uri); // creating object of // media controller class MediaController mediaController = new MediaController(this); // sets the anchor view // anchor view for the videoView mediaController.setAnchorView(videoView); // sets the media player to the videoView mediaController.setMediaPlayer(videoView); // sets the media controller to the videoView videoView.setMediaController(mediaController); // starts the video videoView.start(); } }
Ahora ejecute su aplicación para ver el resultado.
Producción:
Publicación traducida automáticamente
Artículo escrito por chaitanyamunje y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA