Home Uncategorized Video Player App कैसे बनाये – Make Video Player App Puri Jankari...

Video Player App कैसे बनाये – Make Video Player App Puri Jankari In Hindi

243
1
SHARE

दोस्तों आपने कभी प्ले स्टोर  और मोबाइल फ़ोन में Video Player तो देखा होगा, जिसमे हम वीडियो के सांग्स चलते है। ये Video Player  एक Application होते है, परन्तु क्या आपको पता  है की इन एप्प्स को कैसे बनाया जाता है।

Video Player
Video Player

 

दोस्तों अगर आप भी इस तरह के App बनाना चाहते है तो आपके लिए यह पोस्ट बहुत ही Helpful साबित हो सकती हैं। इसके लिए आपके पास 4 चीजों का होना जरुरी हैं। 

1 . Android Studio

2 . JDK

3 . SDK

4 . Internet 

Make Video Player App

वीडियो प्लेयर एप बनाने के लिए सबसे पहले एंड्राइड स्टूडियो को ओपन करे।  इसके बाद नई प्रोजेक्ट >एंड्राइड एप्लीकेशन नाम >बेसिक एक्टिविटीज को सेलेक्ट कर ले। 

इसके बाद आपका प्रोजेक्ट लोड हो जायेगा। 

अब आप Java > MainActivity.java में जाये और कोड पेस्ट कर दे। 

import android.app.ListActivity;
import android.content.Context;
import android.content.Intent;
import android.os.Bundle;
import android.app.Activity;
import android.os.Environment;
import android.util.Log;
import android.view.Menu;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.MediaController;
import android.widget.VideoView;

import java.io.File;
import java.io.FilenameFilter;
import java.util.ArrayList;

public class MainActivity extends ListActivity {

    ArrayList<String> videoPath= new ArrayList<String>();
    String ext=”.3gp”;
    String ext2=”.mp4″;
    final Context context=this;

    public class GenericExtFilter implements FilenameFilter {

        private String ext;

        public GenericExtFilter(String ext) {
            this.ext = ext;
        }

        public boolean accept(File dir, String name) {
            return (name.endsWith(ext));
        }
    }
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        File files = new File(Environment.getExternalStorageDirectory()+ “/”);
        Log.i(“files………”,files.toString());
        GenericExtFilter filter = new GenericExtFilter(ext);
        String[] list = files.list(filter);
        GenericExtFilter filter2 = new GenericExtFilter(ext2);
        String[] list2 = files.list(filter2);

        for(int i=0;i<list.length | i<list2.length;++i)
        {
            videoPath.add(i,list[i].toString());
            videoPath.add(i+1,list2[i].toString());
        }

        setListAdapter(new ArrayAdapter<String>(this, R.layout.activity_main,videoPath));

        ListView listView = getListView();
        listView.setTextFilterEnabled(true);

        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                String path=”/mnt/sdcard/”;
                path=path+videoPath.get(position);
                Log.i(“path of video file……”,path);
                video(path);
            }
        });
    }

    public void video(String path)
    {
        Intent i=new Intent(context,PlayVideo.class);
        i.putExtra(“path”,path);
        startActivity(i);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }
}
 

 इसके बाद एक Java फाइल क्रिएट करे।  इसके लिए Java पर Right क्लिक करे New – Java class . नाम PlayVideo.java . इसमें निचे दिए गए कोड को पेस्ट कर दे। 

 

PlayVideo.java

import android.app.Activity;
import android.content.Context;
import android.content.Intent;
import android.media.MediaPlayer;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.MediaController;
import android.widget.VideoView;

/**
 * Created by vivek on 6/21/13.
 */
public class PlayVideo extends Activity {
    Button back;
    final Context context=this;
    VideoView v;
    String path;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.video_layout);
        back=(Button)findViewById(R.id.back);
        back.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                finish();
            }
        });
       
        v=(VideoView)findViewById(R.id.video);
        Intent i=getIntent();
        path=i.getStringExtra(“path”);
        Log.i(“path of video file……”, path);
        v.setVideoPath(path);

        v.setMediaController(new MediaController(context));
        v.requestFocus();

        v.setOnPreparedListener(new MediaPlayer.OnPreparedListener() {
            @Override
            public void onPrepared(MediaPlayer arg0) {
                v.start();
            }
        });

        v.setOnCompletionListener(new MediaPlayer.OnCompletionListener() {
            public void onCompletion(MediaPlayer mp) {
                mp.reset();
                v.setVideoPath(path);
                v.start();
            }
        });
    }
}


इसके बाद res – layout – activity_main.xml में जाये और निचे दिए गए कोड को पेस्ट कर दे।

activity_main.xml

 <?xml version=”1.0″ encoding=”utf-8″?>
<TextView xmlns:android=”http://schemas.android.com/apk/res/android”
          android:layout_width=”fill_parent”
          android:layout_height=”fill_parent”
          android:padding=”10dp”
          android:textSize=”20sp”
          android:background=”#cd6959″>
</TextView>

इसके बाद layout पर right क्लिक करे और new पर क्लिक करे और layout  फाइल क्रिएट करे और video_layout नाम लिखे  । उसमे निचे दिए गए कोड को पेस्ट कर दे।

video_layout.xml

  <?xml version=”1.0″ encoding=”utf-8″?>

<LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”
              android:orientation=”vertical”
              android:layout_width=”match_parent”
              android:layout_height=”match_parent”
              android:background=”#e39e54″>
    <Button
        android:id=”@+id/back”
        android:layout_width=”wrap_content”
        android:layout_height=”wrap_content”
        android:layout_marginTop=”10dp”
        android:layout_marginLeft=”20dp”
        android:text=”Back to List”
        android:background=”@drawable/button_lay”
        android:paddingLeft=”10dp”
        android:paddingRight=”10dp”/>
    <VideoView
        android:id=”@+id/video”
        android:layout_height=”fill_parent”
        android:layout_width=”fill_parent”
        android:layout_marginTop=”30dp”
        android:layout_marginLeft=”20dp”
        android:layout_marginRight=”30dp”
        android:layout_marginBottom=”10dp”
        />
</LinearLayout>

 अब srcmainresvalues में जाये और निचे दिए गए कोड पेस्ट कर दे। 

 dimens.xml

<resources>
    <!– Default screen margins, per the Android Design guidelines. –>
    <dimen name=”activity_horizontal_margin”>16dp</dimen>
    <dimen name=”activity_vertical_margin”>16dp</dimen>
</resources>

strings.xml

<?xml version=”1.0″ encoding=”utf-8″?>
<resources>

    <string name=”app_name”>VideoFinal</string>
    <string name=”action_settings”>Settings</string>
    <string name=”hello_world”>Hello world!</string>

</resources>

styles.xml

<resources>

    <!–
        Base application theme, dependent on API level. This theme is replaced
        by AppBaseTheme from res/values-vXX/styles.xml on newer devices.
    –>
    <style name=”AppBaseTheme” parent=”android:Theme.Light”>
        <!–
            Theme customizations available in newer API levels can go in
            res/values-vXX/styles.xml, while customizations related to
            backward-compatibility can go here.
        –>
    </style>

    <!– Application theme. –>
    <style name=”AppTheme” parent=”AppBaseTheme”>
        <!– All customizations that are NOT specific to a particular API-level can go here. –>
    </style>

</resources>


 इसके बाद srcmainresmenu में जाये और निचे दिए गए कोड को पेस्ट करें। 

main.xml

<menu xmlns:android=”http://schemas.android.com/apk/res/android”>
    <item android:id=”@+id/action_settings”
        android:title=”@string/action_settings”
        android:orderInCategory=”100″
        android:showAsAction=”never” />
</menu>

इसके बाद AndroidManifest.xml में कोड पेस्ट कर दे। 

AndroidManifest.xml

<?xml version=”1.0″ encoding=”utf-8″?>
<manifest xmlns:android=”http://schemas.android.com/apk/res/android”
    package=”com.chhavi.videofinal”
    android:versionCode=”1″
    android:versionName=”1.0″ >
    <uses-permission android:name=”android.permission.WRITE_EXTERNAL_STORAGE”/>

    <uses-sdk
        android:minSdkVersion=”7″
        android:targetSdkVersion=”16″ />

    <application
        android:allowBackup=”true”
        android:icon=”@drawable/ic_launcher”
        android:label=”@string/app_name”
        android:theme=”@style/AppTheme” >
        <activity
            android:name=”com.chhavi.videofinal.MainActivity”
            android:label=”@string/app_name” >
            <intent-filter>
                <action android:name=”android.intent.action.MAIN” />

                <category android:name=”android.intent.category.LAUNCHER” />
            </intent-filter>
        </activity>
        <activity android:name=”.PlayVideo”
                  android:label=”Player”/>
    </application>
</manifest>


इसके बाद build.gridle में कोड पेस्ट कर दे। 

buildscript {
    repositories {
        mavenCentral()
    }
    dependencies {
        classpath ‘com.android.tools.build:gradle:0.4’
    }
}
apply plugin: ‘android’

dependencies {
    compile files(‘libs/android-support-v4.jar’)
}

android {
    compileSdkVersion 17
    buildToolsVersion “17.0.0”

    defaultConfig {
        minSdkVersion 7
        targetSdkVersion 16
    }
}

तो दोस्तों इस Way से आप अपना खुद का “Video Player” का एप्प बना सकते है।

 

1 COMMENT

LEAVE A REPLY

Please enter your comment!
Please enter your name here