# Web\_Viewer Upload Solution

**URL:** <https://community.thunkable.com/t/web-viewer-upload-solution/619012>\
**Category:** Questions about Thunkable X\
**Tags:** design\
**Created:** [June 16, 2020, 3:17pm UTC](https://community.thunkable.com/t/web-viewer-upload-solution/619012 "2020-06-16T15:17:39Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![athornock](https://avatars.discourse-cdn.com/v4/letter/a/b4bc9f/32.png) [@athornock](https://community.thunkable.com/u/athornock)\
**Post date:** [June 16, 2020, 3:17pm UTC](https://community.thunkable.com/t/web-viewer-upload-solution/619012/1 "2020-06-16T15:17:39Z")

</div>

Hi everyone,  
I have a question that I’m hoping someone has a good solution for. I’ve got a web\_viewer that I use to record and upload videos. The problem that I have is that when the current view is closed/switched in the app the upload stops. My workaround was to put all of my “screens” on one screen. This allows the web\_viewer to upload in the background without being closed out, but it also causes one very large screen and slows down the responsiveness.

Does anyone else have another solution for this possibly?

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [June 29, 2020, 3:54pm UTC](https://community.thunkable.com/t/web-viewer-upload-solution/619012/2 "2020-06-29T15:54:10Z")

</div>

Hey @athornock

> [@athornock](#):
>
> I’ve got a web\_viewer that I use to record

I didn’t know the web viewer could record videos - are you using WebRTC or something fancy like that?

As far as I know there’s no straightforward way to do this. The only thing I could think of is getting users to wait until the video is uploaded before moving on, but by the sounds of it this isn’t what you’re looking for?

---

<div class="post-metadata">

**Author:** ![athornock](https://avatars.discourse-cdn.com/v4/letter/a/b4bc9f/32.png) [@athornock](https://community.thunkable.com/u/athornock)\
**Post date:** [June 30, 2020, 7:28pm UTC](https://community.thunkable.com/t/web-viewer-upload-solution/619012/3 "2020-06-30T19:28:13Z")

</div>

I’m using the service [addpipe.com](http://addpipe.com). It’s pretty slick and works well for my application. I just have to build the entire app (other than the login and loading screens) in one page so that I can just hide the webviewer rather than close it out while it’s uploading. That way it has the effect of uploading in the background.

It would be a nice feature upgrade to allow us to run some background processes and/or webviewer in the background when a page is closed so that I don’t have to program the whole thing in one page. Putting everything one one page has some advantages, namely I don’t have to copy functions between screens, but it’s also got some downsides. The downsides are mostly the increased complexity, I have to build my own navigation, and responsiveness takes some of a hit.

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [June 30, 2020, 7:31pm UTC](https://community.thunkable.com/t/web-viewer-upload-solution/619012/4 "2020-06-30T19:31:50Z")

</div>

> [@athornock](#):
>
> It would be a nice feature upgrade to allow us to run some background processes

Thanks @athornock - do you want to add an explanation of what you’d like to see to the #Feedback section.

I’d image that the number of people who wound use this -vs- the amount of work required to design and develop this _probably_ wouldn’t be worth our while, but at least if it’s on the list someone will take a look and we might even be able to come up with a work-around?

---

<div class="post-metadata">

**Author:** ![athornock](https://avatars.discourse-cdn.com/v4/letter/a/b4bc9f/32.png) [@athornock](https://community.thunkable.com/u/athornock)\
**Post date:** [June 30, 2020, 7:35pm UTC](https://community.thunkable.com/t/web-viewer-upload-solution/619012/5 "2020-06-30T19:35:18Z")

</div>

Sure, will do.

---

<div class="post-metadata">

**Author:** ![athornock](https://avatars.discourse-cdn.com/v4/letter/a/b4bc9f/32.png) [@athornock](https://community.thunkable.com/u/athornock)\
**Post date:** [October 10, 2020, 2:17pm UTC](https://community.thunkable.com/t/web-viewer-upload-solution/619012/7 "2020-10-10T14:17:45Z")

</div>

Were you still wanting some help with addpipe?

---

<div class="post-metadata">

**Author:** ![searchuos1d4](https://avatars.discourse-cdn.com/v4/letter/s/a183cd/32.png) [@searchuos1d4](https://community.thunkable.com/u/searchuos1d4)\
**Post date:** [October 10, 2020, 2:50pm UTC](https://community.thunkable.com/t/web-viewer-upload-solution/619012/8 "2020-10-10T14:50:44Z")

</div>

Hey Aaron! Actually, I’d love that. I started building using the native recorder because I just couldn’t get to addpipe to work. My last effort stalled when I would click “record” and the loading icon would appear but the recorder never worked (I suspect this was related to Flash?).  
Any chance you can share how you implemented addpipe and why you use it over the native recorder?

---

<div class="post-metadata">

**Author:** ![athornock](https://avatars.discourse-cdn.com/v4/letter/a/b4bc9f/32.png) [@athornock](https://community.thunkable.com/u/athornock)\
**Post date:** [October 10, 2020, 3:15pm UTC](https://community.thunkable.com/t/web-viewer-upload-solution/619012/9 "2020-10-10T15:15:00Z")

</div>

I generated a web page that I host on S3. I then call the web page in a web viewer and pass url variables to the page.

Using the response block I get data back from the web viewer.

Here’s a simplified version of my web page code (make sure to put your own account hash and eid in):

> **[Thunkable Addpipe Example](https://docs.google.com/document/d/1_bhrfSNnlUJ6BdjWY6_q82usB7HFfmJoENDIXj1zTnI/edit?usp=sharing)**
>
> \<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/ html4/strict.dtd"\> \<html\> \<head\> \<link rel="stylesheet" href="//cdn.addpipe.com/2.0/pipe.css"\> \<script type="text/javascript" src="//cdn.addpipe.com/2.0/pipe.js"\>\</script\>...

---

<div class="post-metadata">

**Author:** ![searchuos1d4](https://avatars.discourse-cdn.com/v4/letter/s/a183cd/32.png) [@searchuos1d4](https://community.thunkable.com/u/searchuos1d4)\
**Post date:** [October 10, 2020, 6:49pm UTC](https://community.thunkable.com/t/web-viewer-upload-solution/619012/10 "2020-10-10T18:49:31Z")

</div>

Thanks for the help and sharing some of your hard work! Awesome stuff.

---

<div class="post-metadata">

**Author:** ![athornock](https://avatars.discourse-cdn.com/v4/letter/a/b4bc9f/32.png) [@athornock](https://community.thunkable.com/u/athornock)\
**Post date:** [October 10, 2020, 11:36pm UTC](https://community.thunkable.com/t/web-viewer-upload-solution/619012/11 "2020-10-10T23:36:32Z")

</div>

Were you able to get more than a few seconds to record and upload with the thunkable video recorder?

---

<div class="post-metadata">

**Author:** ![searchuos1d4](https://avatars.discourse-cdn.com/v4/letter/s/a183cd/32.png) [@searchuos1d4](https://community.thunkable.com/u/searchuos1d4)\
**Post date:** [October 11, 2020, 3:10am UTC](https://community.thunkable.com/t/web-viewer-upload-solution/619012/12 "2020-10-11T03:10:04Z")

</div>

Just tested with a 37 second video uploaded to Cloudinary and it worked well! Hope that helps.

---

<div class="post-metadata">

**Author:** ![athornock](https://avatars.discourse-cdn.com/v4/letter/a/b4bc9f/32.png) [@athornock](https://community.thunkable.com/u/athornock)\
**Post date:** [October 11, 2020, 3:26am UTC](https://community.thunkable.com/t/web-viewer-upload-solution/619012/13 "2020-10-11T03:26:42Z")

</div>

I haven’t been successful doing that. I get a network error if I try to upload more than a few seconds. Can you show me your blocks?

---

<div class="post-metadata">

**Author:** ![searchuos1d4](https://avatars.discourse-cdn.com/v4/letter/s/a183cd/32.png) [@searchuos1d4](https://community.thunkable.com/u/searchuos1d4)\
**Post date:** [October 12, 2020, 8:40pm UTC](https://community.thunkable.com/t/web-viewer-upload-solution/619012/14 "2020-10-12T20:40:41Z")

</div>

Hope this helps

 ![Screen Shot 2020-10-12 at 4.39.49 PM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/e/bef6b9382e242aeab177e9572965301a37fcad3f.png)

---

<div class="post-metadata">

**Author:** ![athornock](https://avatars.discourse-cdn.com/v4/letter/a/b4bc9f/32.png) [@athornock](https://community.thunkable.com/u/athornock)\
**Post date:** [October 12, 2020, 10:58pm UTC](https://community.thunkable.com/t/web-viewer-upload-solution/619012/16 "2020-10-12T22:58:56Z")

</div>

Why do you call the camera first?

---

<div class="post-metadata">

**Author:** ![searchuos1d4](https://avatars.discourse-cdn.com/v4/letter/s/a183cd/32.png) [@searchuos1d4](https://community.thunkable.com/u/searchuos1d4)\
**Post date:** [October 12, 2020, 11:13pm UTC](https://community.thunkable.com/t/web-viewer-upload-solution/619012/17 "2020-10-12T23:13:18Z")

</div>

The camera blocks are borrowed from SnapGram because they work 😉  
I added the video recorder bit because I wanted to see if when I tap a photo, I can get it to send me to the corresponding video. That’s working - though I want to play with the upload logic a bit more.

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [October 12, 2020, 11:25pm UTC](https://community.thunkable.com/t/web-viewer-upload-solution/619012/18 "2020-10-12T23:25:44Z")

</div>

Does that work on iOS. Feels like webRTC is blocked unless you’re in safari.

---

<div class="post-metadata">

**Author:** ![athornock](https://avatars.discourse-cdn.com/v4/letter/a/b4bc9f/32.png) [@athornock](https://community.thunkable.com/u/athornock)\
**Post date:** [October 12, 2020, 11:28pm UTC](https://community.thunkable.com/t/web-viewer-upload-solution/619012/19 "2020-10-12T23:28:30Z")

</div>

It’s worked for me from the test downloads, but I don’t have it on the app store yet.

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [October 13, 2020, 1:27am UTC](https://community.thunkable.com/t/web-viewer-upload-solution/619012/20 "2020-10-13T01:27:51Z")

</div>

I am attempting to use jitsi webRTC protocol and I get an error. No error if I launch the page in safari tho.

Can we deep link to safari specifically?

If not, this is where the ability to copy text as an onclick.event would come in really handy.

---

<div class="post-metadata">

**Author:** ![athornock](https://avatars.discourse-cdn.com/v4/letter/a/b4bc9f/32.png) [@athornock](https://community.thunkable.com/u/athornock)\
**Post date:** [October 13, 2020, 1:04pm UTC](https://community.thunkable.com/t/web-viewer-upload-solution/619012/21 "2020-10-13T13:04:45Z")

</div>

> [@jared](#):
>
> jitsi webRTC

I do have to pre-authorize the camera using the camera component and bringing it up to take a photo. This is part of my registration process so it authorizes it for everyone. Could that be your issue?

I don’t know about linking to safari.

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [October 13, 2020, 3:51pm UTC](https://community.thunkable.com/t/web-viewer-upload-solution/619012/22 "2020-10-13T15:51:23Z")

</div>

> [@athornock](#):
>
> pre-authorize the camera using the camera component and bringing it up to take a photo. This is part of my registration process so it authorizes it for everyone. Could that be your issue?

ahhha! that could be the issue! I’ll keep trying!

[Next page](https://community.thunkable.com/t/web-viewer-upload-solution/619012.md?page=2)