Scan and track image with AR video overlay
Dynamic download of Markers and videos from Server.
(ARCore / JSON Parser)
Tab 1: Home - WebView
Tab 2: AR Camera
Tab 3: QR Code Scanner
USER STORY/FLOW
User scans a QR code in order to open a webpage in the WebView Home tab.
WebView must listen to visited URL and, if it contains specific words, displays a native button splitting screen between web view and native. Download button allows user to download AR content that will be provided via REST API.
Once downloaded, user can view content via AR Camera and also delete downloaded content from device memory via a native "Manage Memory" button.
API Response example
Dynamic download of marker and associated video
Example:
URL: [login to view URL]
API call: [login to view URL]
This will return a json object with the data to download:
[
{
"id": 725,
"name": "sample01",
"slug": "sample01",
"meta_data": [
{
"key": "wpcf-number-of-pieces",
"value": "1"
},
{
"key": "wpcf-image-1",
"value": "https:\/\/[login to view URL]\/wp-content\/uploads\/2022\/04\/[login to view URL]",
"size_kb": 373
},
{
"key": "wpcf-video-1",
"value": "https:\/\/[login to view URL]\/wp-content\/uploads\/2022\/04\/[login to view URL]",
"size_kb": 7630
},
],
"total_size_kb": 8003,
"collection": {
"term_id": 841,
"name": "Collection One",
"slug": "collection-one"
}
}
]
From this data, you will need to download to device memory:
- wpcf-image-1 - Marker
- wpcf-video-1 - Video
Please, only developer who clearly understand REST API and have experience with Native Android ARCore may apply.
Thank you