awaistoor awaistoor - 3 months ago 13
Android Question

How To toggle FullScreen with VideoView Android

I am using video view for live streaming, and i want to make this videoview to toggle fullscreen and back to small screen like MXPlayer or YouTube players do without stopping the streams.

<ScrollView
android:id="@+id/scrollview"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_above="@+id/ad_container"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:background="@android:color/transparent" >

<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@android:color/transparent" >

<TextView
android:id="@+id/scroll_annouc"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:background="@color/red"
android:ellipsize="marquee"
android:fadingEdge="horizontal"
android:lines="1"
android:marqueeRepeatLimit="marquee_forever"
android:padding="@dimen/ten_dp"
android:scrollHorizontally="true"
android:singleLine="true"
android:text="@string/app_name"
android:textAppearance="?android:attr/textAppearanceSmall"
android:textColor="@android:color/white"
android:textStyle="bold" />

<LinearLayout
android:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_below="@+id/scroll_annouc"
android:background="@android:color/transparent"
android:orientation="vertical" >

<RelativeLayout
android:layout_width="match_parent"
android:layout_height="270dp"
android:background="@android:color/black" >

<TextView
android:id="@+id/error_overlay"
android:layout_width="match_parent"
android:layout_height="270dp"
android:layout_alignParentTop="true"
android:background="@color/red_trans"
android:gravity="center"
android:text="@string/error_text"
android:textColor="@android:color/white"
android:textStyle="bold"
android:visibility="invisible" />

<VideoView
android:id="@+id/player"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_alignParentBottom="true"
android:layout_alignParentLeft="true"
android:layout_alignParentRight="true"
android:layout_alignParentTop="true" />

<RelativeLayout
android:id="@+id/media_controller"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:background="@color/black_trans" >

<ImageView
android:id="@+id/btn_playpause"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_alignParentLeft="true"
android:layout_centerVertical="true"
android:background="@drawable/btn_pause"
android:contentDescription="@string/app_name"
android:padding="@dimen/five_dp" />

<Button
android:id="@+id/external_player"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:background="@null"
android:text="Use External Player"
android:textColor="@android:color/white"
android:textSize="@dimen/content_size"
android:textStyle="bold" />

<ImageView
android:id="@+id/btn_fullscreen"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:contentDescription="@string/app_name"
android:padding="@dimen/five_dp"
android:src="@drawable/enter_fullscreen" />
</RelativeLayout>
</RelativeLayout>

<View
android:layout_width="match_parent"
android:layout_height="@dimen/two_dp"
android:background="@color/app_blue" />

<TextView
android:id="@+id/loading_txt"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:paddingBottom="@dimen/two_dp"
android:paddingLeft="@dimen/ten_dp"
android:paddingRight="@dimen/ten_dp"
android:paddingTop="@dimen/two_dp"
android:text="@string/app_name"
android:textColor="@android:color/white"
android:textSize="@dimen/content_size"
android:visibility="invisible" />

<View
android:layout_width="match_parent"
android:layout_height="@dimen/one_dp"
android:background="@color/light_grey" />

<View
android:layout_width="match_parent"
android:layout_height="@dimen/one_dp"
android:background="@color/light_grey" />

<LinearLayout
android:id="@+id/channel_links_container"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:orientation="horizontal"
android:padding="@dimen/ten_dp" >
</LinearLayout>

<View
android:layout_width="match_parent"
android:layout_height="@dimen/one_dp"
android:background="@color/light_grey" />

<HorizontalScrollView
android:id="@+id/horizontal_view"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:fillViewport="true"
android:scrollbars="horizontal" >

<LinearLayout
android:id="@+id/viewsContainer"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal" >
</LinearLayout>
</HorizontalScrollView>

<View
android:layout_width="match_parent"
android:layout_height="@dimen/one_dp"
android:background="@color/light_grey" />
</LinearLayout>
</RelativeLayout>
</ScrollView>


everything is working fine like streaming videos and all but i am unable to make this video view to go to landscape and show the video in fullscreen. I have tried googling it but all the examples i have found are not working for me at the moment. So please tell me how it is possible to toggle fullscreen.
Thanks.

Answer

What i have done is that i created a CustomVideoView which extends VideoView like this:

public class CustomVideoView extends VideoView {

private int measuredWidth = 0;
private int measuredHeight = 0;

public CustomVideoView(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    // TODO Auto-generated constructor stub
}

public CustomVideoView(Context context, AttributeSet attrs) {
    super(context, attrs);
    // TODO Auto-generated constructor stub
}

public CustomVideoView(Context context) {
    super(context);
    // TODO Auto-generated constructor stub
}

public void setNewDimension(int width, int height) {
    this.measuredHeight = height;
    this.measuredWidth = width;
}

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    // TODO Auto-generated method stub
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    setMeasuredDimension(measuredWidth, measuredHeight);
}

}

Then on my player activity, i implemented this on fullscreen button's onclick:

getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
            WindowManager.LayoutParams.FLAG_FULLSCREEN);
    setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);
    DisplayMetrics metrics = new DisplayMetrics();
    getWindowManager().getDefaultDisplay().getMetrics(metrics);
    android.widget.RelativeLayout.LayoutParams params = new android.widget.RelativeLayout.LayoutParams(
            android.widget.RelativeLayout.LayoutParams.MATCH_PARENT,
            android.widget.RelativeLayout.LayoutParams.MATCH_PARENT);
    player.setNewDimension(metrics.widthPixels, metrics.heightPixels);
    player.getHolder().setFixedSize(metrics.heightPixels,
            metrics.widthPixels);
    player.setLayoutParams(params);

so with this my problem was solved. Hope it will solve others problem as well.

NOTE: I'm sorry for not giving anybody credits as i forgot the links i found on google which lead me to make a suitable solution for myself.

Comments