You are not logged in.

Dear visitor, welcome to krpano.com Forum. If this is your first visit here, please read the Help. It explains in detail how this page works. To use all features of this page, you should consider registering. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

amitsingh

Beginner

  • "amitsingh" started this thread

Posts: 12

Location: Gurgaon, India

  • Send private message

1

Friday, April 27th 2018, 11:31am

HTML5sound not working while using embedpano() function

Hi, I have created a tour with HTML5-VR audio plugin. When I open the tour.html file or embed it using iframe everything works fine.

But when I embed the created tour using embedpano() function as explained here : https://krpano.com/docu/html/#syntax
I get 404 errors for sound files. (please refer the attachment for error)

What I have observed is it is not getting the right path for the sound file. the correct path is http://localhost:4200/assets/myvtour/htm…ssets/sound.mp3

Any help on how to fix this?
Thanks *smile*


PS. I am implementing this on Angular 5
amitsingh has attached the following image:
  • Screenshot from 2018-04-27 14-55-43.png

spacerywirtualne

Professional

Posts: 919

Location: Poland, Europe

Occupation: krpano developer : virtual tours

  • Send private message

2

Friday, April 27th 2018, 11:39am

"404 not found"

Your application can not find the file. Check paths and delete special characters and spaces from names.


Piotr
Your own online, cloud tool for creating virtual tours - www.cms4vr.com

facebook page :: youtube

cms4vr team *thumbsup*

amitsingh

Beginner

  • "amitsingh" started this thread

Posts: 12

Location: Gurgaon, India

  • Send private message

3

Friday, April 27th 2018, 11:43am

file name is correct. same files are working file in Iframe. This is the issue with the path and I don't know to fix the path of sound file.

spacerywirtualne

Professional

Posts: 919

Location: Poland, Europe

Occupation: krpano developer : virtual tours

  • Send private message

4

Friday, April 27th 2018, 12:26pm

Send me a link to check it out. *smile*

Piotr
Your own online, cloud tool for creating virtual tours - www.cms4vr.com

facebook page :: youtube

cms4vr team *thumbsup*

amitsingh

Beginner

  • "amitsingh" started this thread

Posts: 12

Location: Gurgaon, India

  • Send private message

5

Friday, April 27th 2018, 1:31pm

I will not be able to give the url. as I am working locally.


btw I have used this to embed the tour (after attaching the tour.js, howler.core.min.js and howler.effects.min.js) :


Source code

1
embedpano({swf: this.tour.pano+"/tour.swf", xml: this.tour.pano+"/tour.xml", target:"pano", html5: "auto", onready: this.krpanoReady});


*smile*

spacerywirtualne

Professional

Posts: 919

Location: Poland, Europe

Occupation: krpano developer : virtual tours

  • Send private message

6

Friday, April 27th 2018, 2:29pm

My HTML5-VR Audio Plugin has nothing to do with embedpano() function, so I suspect some error in your code. Can you send the whole project to me via wetransfer?

info[at]cms4vr.com

best regards
Piotr
Your own online, cloud tool for creating virtual tours - www.cms4vr.com

facebook page :: youtube

cms4vr team *thumbsup*

amitsingh

Beginner

  • "amitsingh" started this thread

Posts: 12

Location: Gurgaon, India

  • Send private message

7

Monday, April 30th 2018, 9:23am

Hey, I have just mailed you the sample project files on the above email id. *smile*

spacerywirtualne

Professional

Posts: 919

Location: Poland, Europe

Occupation: krpano developer : virtual tours

  • Send private message

8

Monday, April 30th 2018, 10:13am

Hi
Hey, I have just mailed you the sample project files on the above email id.
I did not change anything in your project. I just started the right HTML file and everything works. *smile*

best regards
Piotr
spacerywirtualne has attached the following images:
  • 001.jpg
  • 002.jpg
Your own online, cloud tool for creating virtual tours - www.cms4vr.com

facebook page :: youtube

cms4vr team *thumbsup*

amitsingh

Beginner

  • "amitsingh" started this thread

Posts: 12

Location: Gurgaon, India

  • Send private message

9

Monday, April 30th 2018, 10:21am

The tour.html which is in vtour folder works fine, because that is generated by krpano tool. One step above, there is index.html (which I have created) where I want to embed the tour. In index.html tour showing up but the sound is not working. That is the issue. If you will open the index.html file you will see below error in console.
amitsingh has attached the following image:
  • Screenshot from 2018-04-30 13-51-13.png

spacerywirtualne

Professional

Posts: 919

Location: Poland, Europe

Occupation: krpano developer : virtual tours

  • Send private message

10

Monday, April 30th 2018, 11:14am

The tour.html which is in vtour folder works fine, because that is generated by krpano tool. One step above, there is index.html (which I have created) where I want to embed the tour. In index.html tour showing up but the sound is not working. That is the issue. If you will open the index.html file you will see below error in console.
This message is correct.

All independent changes can result in something that does not work. Your modifications introduce significant changes to the file structure generated by the KRpano droplet. In your situation, use the native actions of the HTML5-VR Audio Plugin. Then you will be able to control audiofile to your file and these errors will not occur.


docu

Best regards
Piotr
Your own online, cloud tool for creating virtual tours - www.cms4vr.com

facebook page :: youtube

cms4vr team *thumbsup*

amitsingh

Beginner

  • "amitsingh" started this thread

Posts: 12

Location: Gurgaon, India

  • Send private message

11

Monday, April 30th 2018, 12:32pm

Is this the ultimate solution for sound, when we embed vtour in some other html file (outside the file structure generated by the KRpano droplet ) ?

spacerywirtualne

Professional

Posts: 919

Location: Poland, Europe

Occupation: krpano developer : virtual tours

  • Send private message

12

Monday, April 30th 2018, 1:42pm

Is this the ultimate solution for sound, when we embed vtour in some other html file (outside the file structure generated by the KRpano droplet ) ?
For embedding on other websites, use iframe and everything will work properly.


Piotr
Your own online, cloud tool for creating virtual tours - www.cms4vr.com

facebook page :: youtube

cms4vr team *thumbsup*

amitsingh

Beginner

  • "amitsingh" started this thread

Posts: 12

Location: Gurgaon, India

  • Send private message

13

Wednesday, May 2nd 2018, 9:24am

I tried using the iframe but the gyro stops working on iPhones. any workaround for that?

spacerywirtualne

Professional

Posts: 919

Location: Poland, Europe

Occupation: krpano developer : virtual tours

  • Send private message

14

Wednesday, May 2nd 2018, 4:26pm

I tried using the iframe but the gyro stops working on iPhones. any workaround for that?
I guess it is related to security reasons.
I have no experience in this subject, but on this forum there were such questions. Look for or ask a question in a new thread.

best regards
Piotr
Your own online, cloud tool for creating virtual tours - www.cms4vr.com

facebook page :: youtube

cms4vr team *thumbsup*