# Live video overlay with image?

**URL:** <https://community.thunkable.com/t/live-video-overlay-with-image/1235560>\
**Category:** Questions about Thunkable X\
**Created:** [April 20, 2021, 5:28pm UTC](https://community.thunkable.com/t/live-video-overlay-with-image/1235560 "2021-04-20T17:28:33Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [April 20, 2021, 5:28pm UTC](https://community.thunkable.com/t/live-video-overlay-with-image/1235560/1 "2021-04-20T17:28:33Z")

</div>

Hi there Thunkers!

I thunk – I mean think – that there is no way to do this but some of you are pretty clever about figuring out ways to do stuff in Thunkable.

I have a student who wants to make a drawing app where you can overlay an outline over a live video to help with tracing artwork. The drawing itself would be done on paper so she’s not using the Canvas for example.

**In short, she wants to turn on a phone’s camera and see the live view in the app while also displaying an image over it.**

I can stack components in the new drag-and-drop interface so I can put an image component on top of a video component. The problem is that once you start video recording or photo capture, the whole screen is filled – I think because it uses the native photo app on my iPhone. It’s not until the video is recorded or photo is taken that I can then see the image on top of it in the app.

Any ideas for workarounds?

---

<div class="post-metadata">

**Author:** ![eko.devs.apploroceo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eko.devs.apploroceo/32/93147_2.png) [@eko.devs.apploroceo](https://community.thunkable.com/u/eko.devs.apploroceo)\
**Post date:** [April 20, 2021, 6:34pm UTC](https://community.thunkable.com/t/live-video-overlay-with-image/1235560/2 "2021-04-20T18:34:06Z")

</div>

yes you can do it in new ui i think but its sure not possible in leagcy

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [April 20, 2021, 6:59pm UTC](https://community.thunkable.com/t/live-video-overlay-with-image/1235560/3 "2021-04-20T18:59:47Z")

</div>

If you have a proven way to do it, I’d love to see it.

---

<div class="post-metadata">

**Author:** ![eko.devs.apploroceo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eko.devs.apploroceo/32/93147_2.png) [@eko.devs.apploroceo](https://community.thunkable.com/u/eko.devs.apploroceo)\
**Post date:** [April 21, 2021, 4:51am UTC](https://community.thunkable.com/t/live-video-overlay-with-image/1235560/4 "2021-04-21T04:51:01Z")

</div>

yes sure  
[https://x.thunkable.com/copy/1088c4564937205f5da37e95d96128ce](https://x.thunkable.com/copy/1088c4564937205f5da37e95d96128ce)  
i guess its possible with legacy i mean i will try to wrk around with it

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [April 21, 2021, 5:00am UTC](https://community.thunkable.com/t/live-video-overlay-with-image/1235560/5 "2021-04-21T05:00:51Z")

</div>

Why did you share that project?

I’m interested in a demo of a way to see a “live” view of what the phone’s camera sees with an image on top of it. I’m 99% sure there’s no way to do it but willing to have someone prove me wrong!

---

<div class="post-metadata">

**Author:** ![jane](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jane/32/27575_2.png) [@jane](https://community.thunkable.com/u/jane)\
**Post date:** [April 21, 2021, 6:53am UTC](https://community.thunkable.com/t/live-video-overlay-with-image/1235560/6 "2021-04-21T06:53:02Z")

</div>

Hi Tatian,

I’m afraid that displaying content over the Camera is not possible. Your student will need to get a photo or a still from a video and work with that in her app.

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [April 21, 2021, 6:55am UTC](https://community.thunkable.com/t/live-video-overlay-with-image/1235560/7 "2021-04-21T06:55:18Z")

</div>

Thank you, @jane. That’s what I thought but wanted to make sure.

---

<div class="post-metadata">

**Author:** ![huntermclarkn](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/huntermclarkn/32/66310_2.png) [@huntermclarkn](https://community.thunkable.com/u/huntermclarkn)\
**Post date:** [January 24, 2023, 6:55pm UTC](https://community.thunkable.com/t/live-video-overlay-with-image/1235560/8 "2023-01-24T18:55:57Z")

</div>

I’m assuming this is still the case? I am trying to find the ability to prompt the user while recording to record different things but the workarounds I have tried did not work. Just wondering if there’s been any change to the element or if someone clever has found anything

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 1:25pm UTC](https://community.thunkable.com/t/live-video-overlay-with-image/1235560/9 "2024-11-08T13:25:09Z")

</div>


