在一个圆圈中显示ExoPlayer

Question

我试着把第二个播放器放在一个有圆角的框架内（这个答案和这个答案），但是播放器总是会跳出父框架并绘制视频的完整矩形。

我发现这个解决方案使用GLSurfaceView，但是这个解决方案使用经典的MediaPlayer而不是ExoPlayer。

Answer 1

对于应该具有圆角的布局，可以在布局XML文件中设置以下内容：

app:surface_type="texture_view"

在这里找到了这个解决方案。

使用此功能的缺点主要是性能和电池使用（写在这里）：

我应该使用SurfaceView还是TextureView？与TextureView相比，SurfaceView在视频播放方面有许多优点：

大大降低了许多设备的功耗。更精确的帧定时，使视频播放更流畅。播放受DRM保护的内容时支持安全输出。因此，在可能的情况下，SurfaceView应优先于TextureView。仅当SurfaceView不能满足您的需要时，才应使用TextureView。一个例子是，在Android N之前，需要平滑动画或滚动视频表面（请参见如何获得平滑动画/滚动视频？）。对于这种情况，最好仅在SDK_INT小于24（Android N）时使用TextureView，否则使用SurfaceView。

Answer 2

你需要为它创建一个自定义容器。试试这个，把你的玩家视图放在里面。

public class RoundFrameLayout extends FrameLayout {

private final Path clip = new Path();

private int posX;
private int posY;
private int radius;

public RoundFrameLayout(Context context) {
    this(context,null);

}

public RoundFrameLayout(Context context, AttributeSet attrs) {
    this(context, attrs,0);
}

public RoundFrameLayout(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    // We can use outlines on 21 and up for anti-aliased clipping.
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
        setClipToOutline(true);
    }
}

@Override
protected void onSizeChanged(int width, int height, int oldWidth, int oldHeight) {
    posX = Math.round((float) width / 2);
    posY = Math.round((float) height / 2);

    // noinspection NumericCastThatLosesPrecision
    radius = (int) Math.floor((float) Math.min(width, height) / 2);

    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
        setOutlineProvider(new OutlineProvider(posX, posY, radius));
    } else {
        clip.reset();
        clip.addCircle(posX, posY, radius, Direction.CW);
    }
}

@Override
protected void dispatchDraw(Canvas canvas) {
    // Not needed on 21 and up since we're clipping to the outline instead.
    if (Build.VERSION.SDK_INT < Build.VERSION_CODES.LOLLIPOP) {
        canvas.clipPath(clip);
    }

    super.dispatchDraw(canvas);
}

@Override
public boolean onInterceptTouchEvent(MotionEvent event) {
    // Don't pass touch events that occur outside of our clip to the children.
    float distanceX = Math.abs(event.getX() - posX);
    float distanceY = Math.abs(event.getY() - posY);
    double distance = Math.hypot(distanceX, distanceY);

    return distance > radius;
}

@TargetApi(Build.VERSION_CODES.LOLLIPOP)
static class OutlineProvider extends ViewOutlineProvider {

    final int left;
    final int top;
    final int right;
    final int bottom;

    OutlineProvider(int posX, int posY, int radius) {
        left = posX - radius;
        top = posY - radius;
        right = posX + radius;
        bottom = posY + radius;
    }

    @Override
    public void getOutline(View view, Outline outline) {
        outline.setOval(left, top, right, bottom);
    }

}

}