Android - Creating a circular mask on video

Question

I'm relatively new to Android development, and I was wondering if it's possible to mask a VideoView into a shape. This is what I have so far: Expected Result My XML for video view and layout: ```

Accepted Answer

Turns out it is possible to clip a video into a circle. What you're going to want to do is create your own SurfaceView class and override dispatchDraw from here you can call canvas.clipPath and pass in a Path object that contains the circle you want the video to be masked to.

Here's the view:

```
public class CircleSurface extends SurfaceView {

private Path clipPath;

public CircleSurface(Context context) {
        super(context);
        init();
    }

public CircleSurface(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

public CircleSurface(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

private void init() {
        clipPath = new Path();
        //TODO: define the circle you actually want
        clipPath.addCircle(710, 330, 250, Path.Direction.CW);
    }

@Override
    protected void dispatchDraw(Canvas canvas) {
        canvas.clipPath(clipPath);
        super.dispatchDraw(canvas);
    }
}
```

Here's what the activity might look like

```
public class MainActivity extends Activity implements SurfaceHolder.Callback {

CircleSurface surface;
    MediaPlayer player;

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

surface = (CircleSurface) findViewById(R.id.surface);
        SurfaceHolder holder = surface.getHolder();
        holder.addCallback(this);

player = MediaPlayer.create(this, R.raw.yourvideo);
    }

@Override
    public void surfaceCreated(SurfaceHolder holder) {
        player.setDisplay(holder);
        player.start();
    }

@Override
    public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) {
        //TODO: handle this
    }

@Override
    public void surfaceDestroyed(SurfaceHolder holder) {
        //TODO: handle this
    }
}
```

Android - Creating a circular mask on video

Solution

Problem