CODEWITHSUNDEEP
androidtextureview
Ravish Rajput
Ravish Rajput

Reputation: 163

Playing video on texture view with aspect ratio of video

I am playing video from my server on surface using texture view, but its stretching the video and not able maintain aspect ratio of video. But, I wish to maintain aspect ratio as per the video as in vine app or instagram app.

Upvotes: 15

Views: 10720

Answers (4)

Umar Ata
Umar Ata

Reputation: 4258

Well I am too late to answer but as I got from Grafika you may use this function

 private void adjustAspectRatio(int videoWidth, int videoHeight) {
    int viewWidth = mTextureView.getWidth();
    int viewHeight = mTextureView.getHeight();
    double aspectRatio = (double) videoHeight / videoWidth;

    int newWidth, newHeight;
    if (viewHeight > (int) (viewWidth * aspectRatio)) {
        // limited by narrow width; restrict height
        newWidth = viewWidth;
        newHeight = (int) (viewWidth * aspectRatio);
    } else {
        // limited by short height; restrict width
        newWidth = (int) (viewHeight / aspectRatio);
        newHeight = viewHeight;
    }
    int xoff = (viewWidth - newWidth) / 2;
    int yoff = (viewHeight - newHeight) / 2;
    Log.v(TAG, "video=" + videoWidth + "x" + videoHeight +
            " view=" + viewWidth + "x" + viewHeight +
            " newView=" + newWidth + "x" + newHeight +
            " off=" + xoff + "," + yoff);

    Matrix txform = new Matrix();
    mTextureView.getTransform(txform);
    txform.setScale((float) newWidth / viewWidth, (float) newHeight / viewHeight);
    //txform.postRotate(10);          // just for fun
    txform.postTranslate(xoff, yoff);
    mTextureView.setTransform(txform);
}

Upvotes: 9

Ralf
Ralf

Reputation: 1

Expanding on fadden's answer above: If you want to align the video in another way other than just center it, modify these lines in the Grafika's "adjustAspectRatio()" code:

int xoff = (viewWidth - newWidth) / 2;
int yoff = (viewHeight - newHeight) / 2;

to:

int xoff = 0; //align left

or

int xoff = (viewWidth - newWidth); // align right

or

int yoff = 0; // align top

or

int yoff = (viewHeight - newHeight); // align bottom

Upvotes: 0

fadden
fadden

Reputation: 52313

You can either change the size of the View (using a custom FrameLayout), or use the TextureView matrix to change the way the texture is rendered.

Examples of both can be found in Grafika. The "Play video (TextureView)" activity demonstrates configuring the matrix to match the aspect ratio of a video. See the adjustAspectRatio() method, the core of which is:

    Matrix txform = new Matrix();
    mTextureView.getTransform(txform);
    txform.setScale((float) newWidth / viewWidth, (float) newHeight / viewHeight);
    txform.postTranslate(xoff, yoff);
    mTextureView.setTransform(txform);

Note it centers as well as scales the video.

Upvotes: 16

Hugo Gresse
Hugo Gresse

Reputation: 17899

You can use ExoPlayer https://github.com/google/ExoPlayer# and check the full demo. It maintains the video aspect ratio perfectly.

Upvotes: 1

Related Questions