Android :tutoriel sur la Video Streaming en Android

Création de la base Mysql

Dans ce tutoriel, nous allons voir comment diffuser une vidéo en streaming en utilisant un MediaController .Pour se faire il faut afficher notre video dans un VideoView dans notre application Android.

Création de la base Mysql

MediaController est un contrôleur pour Media Player, il permet de faire le contrôle de notre video à travers les fonctions comme lecture / pause, avance rapide etc. Les vidéos peuvent être chargées à partir de diverses sources telles que les serveurs distants et les cartes SD interne.

Nous allons créer un bouton et après le clic nous allons commencer à diffuser une vidéo à distance dans une nouvelle activité.

Créez un nouveau projet dans Eclipse File> New> Android Application Project.

Remplissez les détails et le nom de votre  projet.

Nom de l'application: VideoStream

Nom du projet: VideoStream

Nom du package: com.tuto.videostream

Ouvrez votre MainActivity.java et collez le code suivant.

 import android.os.Bundle;
   import android.view.View;
   import android.view.View.OnClickListener;
   import android.widget.Button;
      import android.app.Activity;  
   import android.content.Intent;
    public class MainActivity extends Activity {
   Button button;
   @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // Get the layout from video_main.xml
        setContentView(R.layout.activity_main);
        // Locate the button in activity_main.xml
        button = (Button) findViewById(R.id.MyButton);
        // Capture button clicks
        button.setOnClickListener(new OnClickListener() {
            public void onClick(View arg0) {
       // Start NewActivity.class
         Intent myIntent = new Intent(MainActivity.this,VideoViewActivity.class);
         startActivity(myIntent);
            }
        });} }

  Dans cette activité, nous avons créé un bouton et après le clic il va ouvrir une nouvelle activité.

  Dans ce tutoriel, nous allons lancer un fichier vidéo  hébergé sur ce serveur:

  http://www.androidbegin.com/tutorial/AndroidCommercial.3gp

  Ensuite, créez un fichier XML pour votre MainActivity

  Nommez votre fichier xml activity_main.xml  et collez le code suivant.

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent" >

    <Button

        android:id="@+id/MyButton"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:layout_centerHorizontal="true"

        android:layout_centerVertical="true"

        android:text="@string/button" />

</RelativeLayout>

       Ensuite, créez une nouvelle activité pour diffuser une vidéo à distance.
       Allez dans File> New> Class et nommez-le VideoViewActivity.java.
       Choisissez votre package nommé com.tuto.videostream et cliquez sur Terminer.
       Ouvrez votre VideoViewActivity.java et collez le code suivant.

import android.media.MediaPlayer;
      import android.media.MediaPlayer.OnPreparedListener;
      import android.net.Uri;
      import android.os.Bundle;
      import android.app.Activity;
      import android.app.ProgressDialog;
      import android.util.Log;
      import android.widget.MediaController;
      import android.widget.VideoView;
    public class VideoViewActivity extends Activity {
// Declare variables
    ProgressDialog pDialog;
    VideoView videoview;
// Insert your Video URL
    String VideoURL = "http://www.androidbegin.com/tutorial/AndroidCommercial.3gp";
@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // Get the layout from video_main.xml
        setContentView(R.layout.videoview_main);
        // Find your VideoView in your video_main.xml layout
        videoview = (VideoView) findViewById(R.id.VideoView);
        // Execute StreamVideo AsyncTask
        // Create a progressbar
        pDialog = new ProgressDialog(VideoViewActivity.this);
        // Set progressbar title
        pDialog.setTitle("Video Streaming");
        // Set progressbar message
        pDialog.setMessage("Buffering...");
        pDialog.setIndeterminate(false);
        pDialog.setCancelable(false);
        // Show progressbar
        pDialog.show();
        try {
            // Start the MediaController
            MediaController mediacontroller = new MediaController(
                    VideoViewActivity.this);
            mediacontroller.setAnchorView(videoview);
            // Get the URL from String VideoURL
            Uri video = Uri.parse(VideoURL);
            videoview.setMediaController(mediacontroller);
            videoview.setVideoURI(video);

        } catch (Exception e) {
            Log.e("Error", e.getMessage());
            e.printStackTrace();
        }

        videoview.requestFocus();
        videoview.setOnPreparedListener(new OnPreparedListener() {
            // Close the progress bar and play the video
            public void onPrepared(MediaPlayer mp) {
                pDialog.dismiss();
                videoview.start();
            }
        });
}}

Création de la base Mysql

      
   

Dans cette activité, nous allons montrer une barre de progression jusqu'à ce que la vidéo sera partiellement chargé puis la vidéo sera lancé dans un VideoView. Nous avons mis en place un MediaController pour permettre aux utilisateurs de faire  Lecture / Pause, Retour, Avance rapide  et un curseur de progression pour contrôler la vidéo.

 Ensuite, créez un fichier XML pour votre VideoViewActivity.Aller à  res> layout> Clic droit sur ​​le dossier layout> New> Android XML file

   Nommez votre nouveau fichier "videoview_main.xml"  et collez le code suivant.

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent" >

    <VideoView

        android:id="@+id/VideoView"

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:layout_centerHorizontal="true"

        android:layout_centerVertical="true" />

</RelativeLayout>
    Ensuite, changer les textes de l'application. Ouvrez votre strings.xml

<resources>

    <string name="app_name">Video Stream</string>

    <string name="hello_world">Hello world!</string>

    <string name="menu_settings">Paramètres</string>

    <string name="button">Stream Video</string>

</resources>

  Dans notre fichier  AndroidManifest.xml, nous devons déclarer une activité et il faut  autoriser l'application à accéder à Internet. 

Création de la base Mysql