Figuret out how to get it work:
console gives me the ApiNotActivatedMapError.
Reason:
The Maps JavaScript API is not activated on your API project.
You may need to enable the Maps JavaScript API under APIs in
the Google Cloud Console.
Here you can enable it:
https://developers.google.com/maps/gmp-get-s…#enable-api-sdk
Hello,
i use krpano 1.20.9 (registered) with the built in google maps on the menue.
after adding the maps_google_api_key on skin_settings in the tour.xml the map loads for a second and then disapperas with the attached error page.
i have registered an api key for google maps on google cloud console.
Any idea why?
Try how many a 'startIt()' actions is execute by add 'trace()' into it and let me know.
Piotr
Hi Piotr,
it's loaded only one times.
i have stripped down the code and same problem occurs on FF 58.0.2 (+ developer edition) and Safari 11.0.2 on OSX 10.13.2.
Multiple instances of playHtml5sound3D seems to run parallel in background.
The strange thing is that it seems to appear randomely (most in FF), so sometimes audio is loaded properly (1 instance).
When i remove the video plugin everythings seems to be fine (in most cases).
See stripped down code to reproduce:
<krpano onstart="startIt()">
<include url="html5sound/xmls/init.xml" />
<!-- the intro pano image -->
<view fovtype="VFOV" fov="90" fovmin="40" fovmax="150" />
<preview url="panos/intro/preview.jpg" />
<image>
<sphere url="plugin:video" />
</image>
<layer name="pause_btn"
type="text"
align="lefttop"
html="[b]PAUSE[/b]"
css="font-family:Arial; font-size:16px; color:#ffffff;"
handcursor="true"
x="10"
y="10"
rotate="0.0"
width=""
height=""
scale="1.0"
alpha="1.0"
crop=""
bgcolor="0xffffff"
bgalpha="0.0"
bgborder="0"
bgroundedge="0"
bgshadow=""
bgcapture="false"
onclick="pause_Sounds()"
/>
<layer name="play_btn"
type="text"
align="lefttop"
html="[b]PLAY[/b]"
css="font-family:Arial; font-size:16px; color:#ffffff;"
x="40"
y="40"
rotate="0.0"
width=""
height=""
bgcolor="0xffffff"
bgalpha="0.0"
bgborder="0"
bgroundedge="0"
bgshadow=""
bgcapture="false"
onclick="play_Sounds()"
/>
<plugin name="video"
url.html5="plugins/videoplayer.js"
pausedonstart="true"
loop="false"
videourl="videos/Intro_2K.mp4|videos/Intro_2K.webm"
/>
<!--
*** AUDIO ***
INFO:
playHtml5sound3D(keep,name, audiofile, ath, atv, range, rate*,volume*, loops*, onload*,onplay*,onpause*,onstop*,onmute*, oncomplete*);
playHtml5sound2D(keep,name, audiofile, rate*,volume*,loops*, onload*,onplay*,onpause*,onstop*,onmute*, oncomplete*);
-->
<action name="startIt">
AudioScene1();
</action>
<action name="AudioScene1">
playHtml5sound3D(false, Anmoderation_1, html5sound/assets/Anmoderation_1, -1, -2, 120, 1.0, 1.0, false);
trace('sounds loaded');
</action>
<action name="pause_Sounds">
Html5Soundpause(Anmoderation_1);
trace('sounds paused');
</action>
<action name="play_Sounds">
Html5Soundplay(Anmoderation_1);
trace('sounds played');
</action>
</krpano>Any Idea?
Hi Pawel & Piotr,
i experienced a strange problem:
After adding a sound with playHtml5sound3D(false, Anmoderation, html5sound/assets/Anmoderation, -1, -2, 120, 1.0, 1.0, false),
it seems that the sound is loaded twice.
Html5Soundpause(Anmoderation) only seems to pause one sound and the other one is still playing.
Here is my code:
<krpano onstart="">
<plugin name="editor" url="../plugins/editor.swf" keep="true" />
<include url="contextmenu.xml" />
<include url="html5sound/xmls/init.xml" />
<!-- webvr.xml - WebVR plugin, enter/exit VR buttons, VR cursor, VR setup -->
<include url="%SWFPATH%/plugins/webvr.xml" />
<!-- include the videoplayer interface / skin (with VR support) -->
<include url="%SWFPATH%/skin/videointerface.xml" />
<!-- add/overwrite some settings from the webvr.xml for this example
- enable the fake mode
- add events for portrait usage
-->
<plugin name="WebVR"
mobilevr_fake_support="true"
onentervr="webvr_onentervr(); webvr_act_as_gyro_in_portrait_mode(true);"
onexitvr="webvr_onexitvr(); tween(layer[webvr_rotate_to_landscape_request].alpha, 0.0, 0.0);"
/>
<!-- re-align the vr button and 'auto-start' the video when pressing the enterVR button -->
<layer name="webvr_enterbutton"
align="bottom" y="10%"
ondown="video_touch_auto_start();"
/>
<!-- show a 'rotate the device' info when the mobile device is in portrait orientation in VR mode -->
<layer name="webvr_rotate_to_landscape_request" keep="true" vr="true" devices="mobile"
url="rotate_device.png" scale="0.5"
align="top" edge="center" y="28%"
autoalpha="true" alpha="0.0"
enabled="false"
/>
<events name="webvr_events" keep="true" devices="html5"
onresize.mobile="webvr_act_as_gyro_in_portrait_mode();"
/>
<action name="webvr_act_as_gyro_in_portrait_mode">
if(device.mobile AND webvr.isenabled,
div(aspect, stagewidth, stageheight);
if(aspect != lastaspect OR '%1' == 'true',
copy(lastaspect, aspect);
if(stagewidth GT stageheight,
<!-- landscape orientation - use stereo rendering and a direct/fast gyro sensor mode -->
set(display.stereo, true);
set(webvr.mobilevr_sensor_mode, 3);
webvr.update();
tween(layer[webvr_rotate_to_landscape_request].alpha, 0.0, 0.0);
,
<!-- portrait orientation - use normal rendering and a smoother/slower gyro sensor mode -->
set(display.stereo, false);
set(webvr.mobilevr_sensor_mode, 1);
webvr.update();
tween(layer[webvr_rotate_to_landscape_request].alpha, 1.0);
delayedcall(3.0, tween(layer[webvr_rotate_to_landscape_request].alpha, 0.0, 1.0); );
);
);
,
set(lastaspect, 0);
);
</action>
<!-- allow scene switching by the PageUp/PageDown keys -->
<events name="keybcontrol" keep="true" onkeyup="if(keycode == 33, nextscene_loop(-1)); if(keycode == 34, nextscene_loop(+1));" />
<!-- the intro pano image -->
<view fovtype="VFOV" fov="90" fovmin="40" fovmax="150" />
<preview url="panos/intro/preview.jpg" />
<image>
<sphere url="plugin:video" />
</image>
<plugin name="video"
url.html5="plugins/videoplayer.js"
url.flash="plugins/videoplayer.swf"
pausedonstart="true"
loop="false"
touchworkarounds = "true"
volume="1.0"
onloaded="add_video_sources(); startIt();"
onvideoready=""
onvideoplay="playSounds()"
onvideopaused="pauseSounds()"
onvideocomplete="load_video_2();"
/>
<action name="load_video_2">
changepano( loadpanoscene('2.xml', 0, null, NOPREVIEW|MERGE|KEEPVIEW|KEEPMOVING, BLEND(0.2)); );
</action>
<action name="add_video_sources">
videointerface_addsource('1024x512', 'videos/Intro_1K.mp4|videos/Intro_1K.webm|videos/iphone-audio.mp3', 'videos/poster_1k.jpg');
videointerface_addsource('2048x1024', 'videos/Intro_2K.mp4|videos/Intro_2K.webm|videos/iphone-audio.mp3', 'videos/poster_2k.jpg');
videointerface_addsource('4096x2048', 'videos/Intro_4K.mp4|videos/Intro_4K.webm|videos/iphone-audio.mp3', 'videos/poster_4k.jpg');
if(device.ios,
<!-- iOS Safari has a very slow 'video-to-webgl-texture' transfer, therefore use a low-res video by default -->
videointerface_play('1024x512');
,
videointerface_play('2048x1024');
);
set(plugin[video].onvideocomplete, load_video_2();)
</action>
<events onremovepano="
set(skin_video_setup_done, false);
videosources.removearrayitem('v1024x512');
videosources.removearrayitem('v2048x1024');
videosources.removearrayitem('v4096x2048');
" />
<events name="video_events" keep="true"
onmousedown="video_touch_auto_start();"
onremovepano="if(xml.scene != video_scene, plugin[video].seek(0); plugin[video].pause(); );"
/>
<events name="start_video" keep="false" devices="html5"
onxmlcomplete=""
/>
<action name="video_touch_auto_start">
if(video_touch_auto_start_called !== true,
if(plugin[video].ispaused,
plugin[video].play();
delayedcall(0.1, plugin[video].pause() );
set(events[video_events].onmousedown, null);
set(video_touch_auto_start_called, true);
);
);
</action>
<scene name="start" onstart="">
<image>
<sphere url="plugin:video" />
</image>
</scene>
<!-- SPECIAL CASE END -->
<!--
*** AUDIO ***
INFO:
playHtml5sound3D(keep,name, audiofile, ath, atv, range, rate*,volume*, loops*, onload*,onplay*,onpause*,onstop*,onmute*, oncomplete*);
playHtml5sound2D(keep,name, audiofile, rate*,volume*,loops*, onload*,onplay*,onpause*,onstop*,onmute*, oncomplete*);
-->
<action name="startIt">
plugin[video].play();
AudioScene1()
</action>
<action name="AudioScene1">
playHtml5sound3D(false, Anmoderation, html5sound/assets/Anmoderation, -1, -2, 120, 1.0, 1.0, false);
trace('sounds loaded');
</action>
<action name="pauseSounds">
Html5Soundpause(Anmoderation);
trace('sounds paused');
</action>
<action name="playSounds">
Html5Soundplay(Anmoderation);
trace('sounds played');
</action>
<events onclick="screentosphere(mouse.x, mouse.y, m_ath, m_atv); showlog(); trace('clicked at ath=',m_ath,' atv=',m_atv);" />
<action name="changepano">
for(set(i,0), i LT hotspot.count, inc(i),
if(hotspot[get(i)].style == 'thumb', set(hotspot[get(i)].enabled, false); );
if(hotspot[get(i)].name != 'vr_cursor', tween(hotspot[get(i)].alpha, 0.0, 0.25); );
);
delayedcall(0.25, %1; vr_menu_setvisibility(true); );
</action>
</krpano>i am useing the videointerface given on Klaus's web-VR-example.
Do you have any idea why sound is added "twice"?