ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 안드로이드 스튜디오 Video 앨범 만들고 Video를 실행해보자 (1)
    안드로이드 스튜디오 2020. 5. 22. 22:31

     오늘은 동영상을 앨범을 만들고 앨범안에 있는 동영상을 선택하면 동영상이 실행되는 간단한 앱을 만들어 보려고 해요!

    동영상들의 목록을 보여주는 MainActivity와 앨범을 선택하면 동영상이 재생되는 PlayVideo 두개의 Activity를 이용합니다. 

     

    연습용이므로 동영상 2개로 구성된 앨범을 만들어 볼거예요 준비물은 동영상 2개와 그 동영상을 나타내는 사진 2개만 준비해 주세요

    동영상은 res파일 안에 raw 디렉토리를 추가하신 후 그 안에 동영상을 모두 넣어주시고

    (확장자는 mp4여야 되는 것 같아요 처음에 avi로 했는데 저는 호환이 안되더라구요 이건 잘모르겠어요 ㅎㅎ) 

    사진은 drawable 파일에 넣어주세요

     

     

    (완벽하지 않을 수 있어요)


    [activity_main.xml]

     

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:orientation="vertical"
    
    >
    
    <TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="동영상 앨범"   // title을 동영상 앨범이라고 해줍시다 ㅎㅎ
    android:textSize="18sp"/>
    
    
    <LinearLayout
    android:id="@+id/video1"     
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:layout_marginTop="5dp"
    android:clickable="true"              
    android:onClick="showVideo"      //후에 Activity파일에 showVideo라는 메소드를 추가해줄거예요
    android:tag="1"                       //태그 값을 이용해서 어떤 동영상인지 구분해줄겁니다 
    >
    
    <TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="동영상 1"   
    android:textSize="18sp"
    />
    
    <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal">
    
    
    <ImageView
    android:layout_width="100dp"
    android:layout_height="60dp"
    android:src="@drawable/Picture1"
    android:paddingRight="5dp"
    />
    
    </LinearLayout>
    
    <LinearLayout                  //2번째 동영상이죠 
    android:id="@+id/video2"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:layout_marginTop="5dp"
    android:clickable="true"
    android:onClick="showVideo"        
    android:tag="2"                          //여기 tag값도 중요하겠죠 ㅎㅎ
    >
    
    <TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="동영상 2"
    android:textSize="18sp"
    />
    
    <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal">
    <ImageView
    android:layout_width="100dp"
    android:layout_height="60dp"
    android:src="@drawable/Picture2"          
    android:paddingRight="5dp"
    />
    
    </LinearLayout>
    
    </LinearLayout>
    </LinearLayout>
    
    
    
    

     


    [MainActivity.java]

     

     

    package org.techtown.myvideo;
    
    import ...
    
    public class MainActivity extends AppCompatActivity {
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);  
    setTitle("비디오 앨범");   //앱의 타이틀을 비디오 앨범으로 
    }
    
    public void showVideo(View view) {  //xml파일에서 onClick 속성을 이용했죠?
    
    int id = view.getId();  //선택한 동영상의 Id값
    String tag;              //선택한 동영상의 tag값
           
    switch (id) {
    case R.id.video1:
    tag = "1";                    
    break;
    case R.id.video2:
    tag = "2";
    break;
    default:
    tag = "0";
    
    }
    Intent intent=new Intent(this,PlayVideo.class);   //PlayVideo라는 Activity로 이동하기 위해 다음과 같이 써줍니다. 
    intent.putExtra("data",tag);     //이동할 액티비티에 정보를 넘겨주기 위해 data라는 곳에 tag값을 넘겨줍니다. 
    
                                           //태그 값에 따라 비디오를 재생하기 위해서 
    startActivity(intent);              //다른 액티비티로 이동 
    
    
    }
    
    }
    
    
    

     

    PlayVideo 액티비티는 다음 편에서 만들도록 하겠습니다~

     

    안드로이드 스튜디오를 활용한 실전 앱 만들기를 참고했습니다. 

    반응형

    댓글

Designed by Tistory.