Ok guys Im sure this has been asked before but …here goes.
I need to do an app for work, need to load product images , videos and descriptions… in their respective categories for the sales guys to use…the problem is that the content needs to be stored either on the app…or on the phione pulled into the app but the aim is to EXCLUDE INTERNET connection meaning this should work completely natively… this will obviously be to big for the app to download… but i came across this for android app inventor…see the link,https://puravidaapps.com/pick.php
there are about 40 vids about 2 minutes long each and more pictures…this should work across both platforms
If I were you, I would make a local web-app and then upload it to WebViewer.
I did that originally, but its not what they want… they want everything off web connectivity…because where the reps are going there is no internet connection…
Well, I’ll explain to you my point. The current version of Thunkable X does not have functionality for a simple and high-quality solution to your problem. So I see two options:
- Or do with Thunkable X - it will be a very complex and non-standard solution, which may not appeal to the customer
- Make a local web application in which all resources will need to be converted to a Base64 format for local use .
Do you have a web application? Perfectly! Try now to transfer it to Thunkable X and you will soon understand what I wanted to say.
ok, may you tell me how you would do option 1?? it might work for them??
- Create the data in Excel and copy it into the text field
- From this text box, make a list (objects, JSON-data, CSV, etc.)
- Create a list of all products names in the ListViewer
- When selecting an item from the list, display on the same or a new screen, its image, additional information and video link
To begin with, I recommend that you draw all the screens of a future application on a piece of paper to see what needs to be done, how they are interconnected and how they work. After that, proceed to create the outline and after each step, test the application on iOS and Android. If you first make 20 screens and then start testing them on Android, it will be extremely difficult to find an error. Constant testing will save you a big headache because the current version of Thunkable X works well on iOS and is very unstable on Android.
I see thanks for this…
And is there a way to get into phone files like video gallery etc like in the picture below? like using activity starter on android)
In the current version of Thunkable X, this is not possible. It is possible to only call the installed application if there are deep links for them.
One thing that works in ✕ is that you can put references to uploaded HTML or video files (like the ones for the Image component) in the URL field of a Web Viewer and they will be included on the device and will display in the Web Viewer. There are some caveats, though:
- Android and iOS accept a different set of video types, so you might need to create different versions of your app for the two platforms.
- On iOS, while viewing the video via the Web Viewer works, it will show them in an external viewer and will display a strange error in the web viewer when you return. It’s possible that you can workaround that by using a timer to change the URL to something innocuous after the video is displayed in the external viewer.
- There is currently a limit on the total size of the file included in an app of 50MB (and a total of 200MB for all your apps), so if you have a lot of videos or if they are really large you might run into problems.
- Since we don’t have any folder/directory structure for uploaded files, any CSS or JavaScript files used by an HTML file will need be at the same level as the HTML files. This may require some changes in your HTML files and renaming of some CSS or JavaScript files.
If I get a chance I’ll share a simple project which does some of the above with you. In the meantime, you might want to play around with it yourself and see if it would suitable for your needs.
Happy Thunking!
-Mark
can you share an example of the deep link coding??please ?
May you please send an example Mark, it might be what im looking for! this could function without internt connectivity right??as long as the files are on you phone?? thanks a mil!!!
You asked if you can access files on your phone? Access to some files is possible with html and JavaScript, as shown in the topic.
Uploading App Images with Cloudinary
Using the tag, you can implement a simple image file picker on the web side.
Ok, havent really coded with html before…only blockly…how would i implement the html tag into thunkable?? you see i would love to get this path in the picture below using the deep links we were talking about…
how do i activate the path and file name viewing the specific video in my gallery like i have on thunk classic? how do i implement that in links…using the html? i tried with your code you sent in gthat similar media db topic…
The problem is that Thunkable X does not have an obvious way to work with local files. I learned how to download local image files, but I need to think about how to do this with video files.
Do you have experience with JavaScript?
The situation is this. Using web technologies, you can download local video files from iCloud Drive, but as Mark said the application size is limited to 50 MB. If the file exceeds this size when the video file is downloaded, the application will crash.
As I describe above there actually is a way to work with local files. I’m not sure of it exactly fits @Alan’s needs, though.
-Mark
Here’s a fairly simple example: https://x.thunkable.com/copy/3e6d690dcdf6f8ca218a12f97e3f4e62. It contains a Web Viewer, three local files (an image, a video and an HTML file) and some buttons to select which file to display in the Web Viewer.
The contents of the local test3.html file (which shows the ability to access a local file as a “src” property) is:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML Test</title>
</head>
<body>
<h2>My Test</h2>
<p>
This is my on-device HTML test!
</p>
<img src="./FirstArtichoke.jpg" />
</body>
</html>
This is best viewed on an Android device. Due to one of the caveats I mentioned above, the video only shows up there. You could probably create your own version which looks good on iOS.
Good luck!
-Mark
Mark
When I run your example, the situation is as follows. If I first press the “html” button, I see the text and a small empty square instead of the image. The image in html will be displayed only after clicking on the pic button.
Alex
Thanks, Alex. I’m seeing the same behavior that you’re describing for built apps, although all appears fine in the Thunkable Live app. We’ll look into it, though it’s not super-high priority right now.
-Mark