Record Camera Video and Display youtube video at the same time

Question

I want is to record reactions of user while watching youtube video, so there will be two videos on screen that will be recorded at the same time . one is Camera Video (Reaction video) and other one on top of it is youtube video(reacted on).

below should be recorded as one video
__________________________
|                         |
|        Camera Video     |
|                         |
|               __________|
|               | Youtube |
|               |   Video |
---------------------------

My R&D:

• Cannot use SurfaceView for dual purpose play and record video at the same time.
• TextureView usually is used to show camera previews not record anything.
• I can play preview in textureview and overlap youtube player on top of it and play the video , and at the same time record the whole screen , but it is overkill and i cannot record particular area of screen i think.

Some similar questions that are not related to my question but answer some of the key points mentioned in my question. Q1 , Q2 , Q3

Kindly suggest some method to workaround this problem and how can i achieve it.

Answer 1

you can put the video on top of other video using FFmpeg. see here Mix 2 videos with FFmpeg (overlay one on top of other) for putting the video on top of another video. you also need youtube video into a device for merging with local video. for downloading youtube video into device you can use this library.

Answer 2

I have used https://github.com/INDExOS/media-for-mobile the Intel media pack for recording video from multiple sources, with layering to cut out views we don't want to see.

With some work you can hook into the texture you want (i.e. the camera preview)