WebAR Video not working

General Discussion
#6

Has anyone ever managed to insert a video in WebAR using ZapWorks?
Either local file or from url.

#7

locally seems to work…

#8

How do you do it? :slight_smile: When I use locally, webAR fails to load at all.

#9

Never mind, I sorted this. :grinning:

#10

Videos are displayed well when using the Designer tool.
In the case of using the video player in the Studio tool the video’s are not displayed.
When using WebAR

#11

@George Any Help you could offer us ? =)

#12

Hi guys,

We haven’t had any reported video issues (other than the ones above).

I’m going to look into this now and see if I can find out why this might be happening.

With streamed video, we recommend using HTTPS in both WebAR and the Zappar app (the latest version of Android (Pie) makes it mandatory).

Locally hosted video and alpha video should work on both the Zappar app and WebAR, but I am going to test and make sure this is still the case.

I’ll get back to you with my findings. :smiley:

George

3 Likes
Web.zappar
Web AR video issue
#13

Hey everyone,

I have created a quick experience which lets us test all types of videos in both the Zappar App and WebAR.

You can launch the experience here via one of the three triggers:

Zappar App
Video_Testing_Experience_ 3WNQ88YrNZleV https://webxr.run/5XZ21nywzkb6E

WebAR
Video_Testing_Experience_bper6pRen01GWhttps://webxr.run/eONXAMZw7yJn

I have tested an iPhone 7 (OS 13), iPhone 8 (OS 12) and a Google Pixel 3 (Android 10). All the videos seem to be working correctly on these devices.

Please could you guys scan the WebAR trigger (doesn’t matter which) and check to see if the videos are working on the devices that you have previously explained you are having problems with.

If you are still having issues then let us know and we can look to fixing it. :smiley:

Hope this helps.

George

1 Like
#14

All videos play on my Samsung Galaxy s7 (with Android 8). A little slow and choppy but they play.

Steve

1 Like
#15

@George Thank you very much for looking into it and providing an example! All the things work on my smasung Galaxy S10+. I think the problem is how I start the video. Maybe that’s not properly working for me. I have a Script on my ImageTarget which tries to play the video on the “seen” method. My code looks like this:

var TestAlphaVideo = symbol.nodes.Video;

parent.on("seen", () => {

   // Runs when seen occurs on the parent node
   TestAlphaVideo.start();

});

parent.on("notseen", () => {

   // Runs when notseen occurs on the parent node
   TestAlphaVideo.pause();

});

parent.on("show", () => {

   //TestAlphaVideo.start();

});

parent.on("hide", () => {

   //TestAlphaVideo.pause();

});

When I test this with the Zapbar Code in the app it works perfectly fine. But when deployed and viewed on the web it doesn’t work. Do you see any problem with my method?

Thank you

#16

@George
when i use the link of alpha video tutorial
https://d2j4z507ms5wl7.cloudfront.net/docs/simon-flying-masked.mp4
it working very well
but when i upload on my storage it can’t play
https://augmentedreality02.s3.us-east-2.amazonaws.com/simon-flying.mp4
100)

1 Like
#17

Hi @bruno.fischlin,

Can you make sure that the script is definitely a child of the target image. Similar to the first image below.

image image

@modi763, the URL needs to link directly to a video file as opposed to one uploaded to a video hosting site such as Vimeo or YouTube. The server hosting the video file also needs to support range requests in order for the video to play properly across all devices. We recommend using a CDN for faster, more scalable video serving e.g. AWS CloudFront or CloudFlare or Cyberduck

#18

@George thanks for the Reply!

My hirarchy looks like this:

Hirarchy

I also have a plane with an on click skript that should start the video but nothing happens. Works in the Zappar App too, but again not in WebAR

#19

Could you send the ZPP of this file to support@zappar.com please @bruno.fischlin?

I’ll take a look and see if I can work out why this is happening.

Thanks.

George

#20

I can send you my project that is a copy of zappar but with another video, for your review

3DVideo.zpp (1.0 MB)

#21

It work with yours url, but I could change it and not work a put http but it not working, and come back with your url and work.

My url work with the app

#22

I even tested your code with my videos and get the same error. @George I know we need https but is there anything else?

Steve

1 Like
#23

I Have the same pb here, only local files are working in webAR but ok in Zappar… any help would be welcomed.

#24

Same problem here.
Streamed videos only work on the Zappar App, and not on WebAR.

EDIT : solution was here, thanks to Zappar Support :
Videoplayer not working on WEB AR?

2 Likes
#25

I am a newbie. I have been experiment launch for real, I plan to upgrade to a business plan.

However, I am not seeing it work on iphone 8+ (OS 13). It works great and quick on my S9+ (Android Version 9).

My project along with the examples provided by you Set 2019 with the Iphone 8+ takes a long time to unlock and once it does the videos do not play. My S9+ unlocks quickly and plays all videos without issue including my own project.

I have the .mp4 file in an AWS S3 bucket which is referenced in my project in a group object that is a child of the target image. See image…
Please help…

ZapWorksHierarchy