URGENT HELP NEEDED for 3D TV Model and Streaming Video

[johnny.hamilton]

I’ve developed a simple experience for the ATD conference tomorrow in Salt Lake City based on an old Zappar tutorial that I’ve used successfully but I can’t find anymore. The attached file has a 3D model of a TV, a streaming video on AWS, and a trigger- that’s it. The trigger image has a QR code instead of a Zap code. I don’t know what I’ve missed, but the experience is not launching. Below are the assets. Any help from anyone is greatly appreciated.

To pay it forward, here’s a [https://www.virtualcookie.com/](http://Virtual Cookie).

Book- Microlearning.zpp (5.9 MB)

[lucalilli]

launching

Hi, the experience is launching, but the streaming video does not start…
May be this link can help

Videoplayer not working on WEB AR?

Hi! Yes indeed that looks like a CORS issue. For videos that are rendered directly into scene (i.e. using the subsymbol) browsers require that the CORS headers be present. This is because the pipeline we use (where we copy data out of a video element and put it into a texture for rendering in the 3D view) triggers a different security configuration in the browser. With Z.device.playFullScreenVideo we use a standard HTML video element (and don’t take the video data out of the at element) so COR…

Luca

[johnny.hamilton]

Thank you for your really quick reply!

Unfortunately, I’m quite rusty when it comes to coding, and need a little more detail on exactly where to place that header. Or if you could fix it and post the file- that would be amazing too. I understand that I need the support and kindness of others- and truly appreciate any help you can provide .

If there’s an easier way to pull the video (i.e., YouTube), I could post the video there and then change the link in Studio.

[lucalilli]

Hi Johnny,
if i can help and your Video is not too big i can upload it on my server for the time needed…
Let me know

[simon]

Hi Johnny,

Yup, this is a CORS issue. The CORS configuration needs to be set on the AWS S3 bucket - it’s a bucket-wide configuration (we use a dedicated bucket for our S3 content we want to be used from scenes). AWS docs are here: https://docs.aws.amazon.com/AmazonS3/latest/userguide/cors.html

I’m also happy for us to host it for you, given time is short - you can use something like WeTransfer to get a link, and DM it to me on the forum.

I’ve uploaded your test video to our S3 scene files bucket that has the right CORS setup, and can successfully play this one with your zpp in both app and WebAR (also replaced the + with a _ as I think it’s more URL safe):
https://ddg67ecygv8rc.cloudfront.net/MicrolearningBookVideo/Test_video.mp4

Thanks for the cookie!

(ps: It’s a public holiday today in the UK but I’ll try to check every couple of hours for a response from you).

[vefstudio]

Hello Simon, I’m having trouble playing video on web AR, on studio is functioning well, but when deploying on web ar we can only hear the video but it doesn’t play. Any idea what might be happening?

Thanks

[simon]

Is the audio part of the video file? If so, that suggests CORS setup is correct. What OS/browser are you testing with? Can you share a zpp?

[vefstudio]

Hi simon , thank you for your response, we opted to go with video texture because we really didnt know what is wrong with the CORS.

The issue we are having now is that the video texture plays correctly but the audio is not working, what is funny is that sometimes it works and sometimes it doesn’t, also happens with different devices, like if it was random. Let me share with you the .zpp maybe you can help us, we would REALLY appreciate it!

p.s Sent you the file on your messages.

Thanks

[Francesca]

Hi @vefstudio,

I believe I have sent an email to you regarding this matter, but just in case you did not receive it, are you please able to send your .ZPP as a response to your ongoing ticket or support@zappar.com?

We’ll make sure to investigate this and figure out what seems to be going on here!

Have a great day!
Francesca

[vefstudio]

Yes for sure thank you