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.

spacerywirtualne

Professional

  • "spacerywirtualne" started this thread

Posts: 874

Location: Poland, Europe

Occupation: krpano developer : virtual tours

  • Send private message

181

Monday, December 18th 2017, 4:01pm

HTML5-VR Audio Plugin ver 3.1.0 is ready

Hello

The latest version of the plugin is ready. Main changes in this version (3.1.0): *thumbsup*

  • A new global volume action: Html5SoundGlobalVolume(Number) - 0.0 - 1.0
  • Now the plugin detects if the browser tab with your project is active, if it is not, then plugin automatically mutes the sound.
  • Howler core update


Thank you for any comments and suggestions. It is thanks to them that we can improve the plugin for you.
The download link has been sent to all customers.


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

facebook page :: facebook group :: youtube

cms4vr team *thumbsup*

182

Monday, January 15th 2018, 4:07pm

preload sound files

Hello.
What command in your plug-in allows to execute preliminary loading of audio of files?
In a plug-in of soundinterface (krpano) there is a preload team.
And whether there is a similar opportunity in your plug-in?

If to use a plug-in of soundinterface (krpano), then a sound (music for example) it will be started in phone at once.
And if to start the same music by means of your plug-in, then music will be started in phone in 10 sec. Such delay does not allow to apply this plug-in in commercial projects. In the modern world the program has to start music along with his loading.
In our project a lot of audio of texts on 6Mb, and I in a difficult situation is used now, I do not know what should I do... everything is started very slowly.


Maybe there is only one option, Yu to use the onload command?
And during loading of audio of the file to show the picture "to load audio, please wait"...

This post has been edited 1 times, last edit by "magnifiko" (Jan 15th 2018, 4:23pm)


spacerywirtualne

Professional

  • "spacerywirtualne" started this thread

Posts: 874

Location: Poland, Europe

Occupation: krpano developer : virtual tours

  • Send private message

183

Monday, January 15th 2018, 6:48pm

Hello,
If to use a plug-in of soundinterface (krpano), then a sound (music for example) it will be started in phone at once.
And if to start the same music by means of your plug-in, then music will be started in phone in 10 sec. Such delay does not allow to apply this plug-in in commercial projects. In the modern world the program has to start music along with his loading.
In our project a lot of audio of texts on 6Mb, and I in a difficult situation is used now, I do not know what should I do... everything is started very slowly.
My plugin is based on Web Audio Api not HTML5 Audio.


Look here

I will try to add an option to dynamically control the audio type (Web Audio API or HTML5 Audio). I need to do some tests. Keep in mind, however, that HTML5 Audio has the same limitations as the Sound Interface Plugin , so ...


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

facebook page :: facebook group :: youtube

cms4vr team *thumbsup*

184

Friday, February 9th 2018, 4:16pm

button "sound" in another place

is it possible to place the "sound button" in another place than "skin_btn_navi"? and how? Tx

spacerywirtualne

Professional

  • "spacerywirtualne" started this thread

Posts: 874

Location: Poland, Europe

Occupation: krpano developer : virtual tours

  • Send private message

185

Friday, February 9th 2018, 7:58pm

Hi
is it possible to place the "sound button" in another place than "skin_btn_navi"? and how? Tx
you can modify this style for this.

Source code

1
<style name="sedit_skin_audio_on_off" url="../skin/sound_switcher.png" scale="0.5" y="0" x="-144" align="center" keep="true" />


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

facebook page :: facebook group :: youtube

cms4vr team *thumbsup*

186

Monday, February 12th 2018, 3:50pm

button outside the "skin_btn_navi", and bigger

Ok thank you,
but i would like to put the button outside the "skin_btn_navi" layer (for example in the top right of the screen)... and my button is bigger than yours, so it doesn't show all the button... i can create my "sound_switcher" button (with 2 or 4 states like yours) but how can we change the dimensions?

spacerywirtualne

Professional

  • "spacerywirtualne" started this thread

Posts: 874

Location: Poland, Europe

Occupation: krpano developer : virtual tours

  • Send private message

187

Monday, February 12th 2018, 4:52pm

Ok thank you,
but i would like to put the button outside the "skin_btn_navi" layer (for example in the top right of the screen)... and my button is bigger than yours, so it doesn't show all the button... i can create my "sound_switcher" button (with 2 or 4 states like yours) but how can we change the dimensions?
Hide a default btn and build you own freely. For onclick action you can use Html5SoundGlobalmute

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

facebook page :: facebook group :: youtube

cms4vr team *thumbsup*

188

Thursday, February 15th 2018, 1:44pm

playHtml5sound3D problem with 360 video

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:

Source code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
<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"?

spacerywirtualne

Professional

  • "spacerywirtualne" started this thread

Posts: 874

Location: Poland, Europe

Occupation: krpano developer : virtual tours

  • Send private message

189

Thursday, February 15th 2018, 3:10pm

Try how many a 'startIt()' actions is execute by add 'trace()' into it and let me know.


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

facebook page :: facebook group :: youtube

cms4vr team *thumbsup*

190

Thursday, February 15th 2018, 3:18pm

playHtml5sound3D problem with 360 video

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:

Source code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<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?

191

Thursday, February 15th 2018, 3:21pm

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.

spacerywirtualne

Professional

  • "spacerywirtualne" started this thread

Posts: 874

Location: Poland, Europe

Occupation: krpano developer : virtual tours

  • Send private message

192

Thursday, February 15th 2018, 5:21pm

it's loaded only one times.
If only one time then one audio should play. Send me a link to this example.

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

facebook page :: facebook group :: youtube

cms4vr team *thumbsup*

193

Thursday, February 22nd 2018, 9:02pm

Getting kicked out of iOS WebVR when using HTML5-VR Audio Plugin!

Greetings, I'm using the latest version of the plugin (3.1.0), and I'm getting kicked out of the WebVR experience fairly quickly. Safari doesn't crash, the experience simply goes back to the 2D version. When I remove all sounds from the virtual tour, there's never a crash. I've got both .mp3 and .ogg files (though for all my recent projects I don't even bother with the .ogg).

I'm running an iPhone 7 plus, with Safari as the browser. iOS version 11.2.5

Would be happy to send you a link in a PM of the tour.

Any ideas?

Tnx!

spacerywirtualne

Professional

  • "spacerywirtualne" started this thread

Posts: 874

Location: Poland, Europe

Occupation: krpano developer : virtual tours

  • Send private message

194

Thursday, February 22nd 2018, 11:59pm

Hi
Greetings, I'm using the latest version of the plugin (3.1.0), and I'm getting kicked out of the WebVR experience fairly quickly. Safari doesn't crash, the experience simply goes back to the 2D version. When I remove all sounds from the virtual tour, there's never a crash. I've got both .mp3 and .ogg files (though for all my recent projects I don't even bother with the .ogg).
I have a problem with loading your site. Are you sure that there are no problems with the server?

Piotr
spacerywirtualne has attached the following image:
  • Zrzut ekranu 2018-02-22 23.57.24.png
You own online, cloud tool for creating virtual tours - www.cms4vr.com

facebook page :: facebook group :: youtube

cms4vr team *thumbsup*

195

Friday, February 23rd 2018, 1:39am

Hey Piotr, both the sound and no sound versions are working now. I was updating / moving files at the same time you were trying to access. *smile*

Tnx

spacerywirtualne

Professional

  • "spacerywirtualne" started this thread

Posts: 874

Location: Poland, Europe

Occupation: krpano developer : virtual tours

  • Send private message

196

Friday, February 23rd 2018, 9:10am

Hey Piotr, both the sound and no sound versions are working now. I was updating / moving files at the same time you were trying to access.
It's working now, basically everything works fine.

Everything works fine on my old iPhone 5s, and it's really an old phone (2013 ). See attachment.
The reason must be somewhere else.


Kind regards
Piotr
spacerywirtualne has attached the following image:
  • iphone5s.jpg
You own online, cloud tool for creating virtual tours - www.cms4vr.com

facebook page :: facebook group :: youtube

cms4vr team *thumbsup*

197

Friday, February 23rd 2018, 9:09pm

Yeah, the problem is still there and it's definitely the audio plugin. Will just have to start narrowing down the problem through testing. Ugg.

I'll let you know what I find...

EDIT: I just ran through the entire tour twice - after removing sound - and it never kicks me out. I'm wondering:

1. Is there a limit to the amount of sound files per scene?
2. Is there a limit to the length of sound files?
3. Any special considerations for the naming of the sound files?
4. Does the bitrate matter for the mp3 files? I'm at 32kbps.

Been using the plugin for awhile, and this is the first time it's really giving me issues.

Tnx

This post has been edited 1 times, last edit by "landrvr1" (Feb 23rd 2018, 9:39pm)


198

Friday, February 23rd 2018, 11:30pm

Okay, so I've narrowed this down to a problem with the 3D sounds. When I remove all 3D sounds and just leave 2D, I can get through the tour multiple times with no crash out of WebVR.

What I'm going to have to do next is bring back the 3D sound files one scene at a time. The problem is that thecrash while in WebVR can happen in any scene - so I'm not able to isolate a specific, recurring 3D sound that I might use multiple times. In other words, there's no common denominator sound file that I can point to as the problem.

*confused*

spacerywirtualne

Professional

  • "spacerywirtualne" started this thread

Posts: 874

Location: Poland, Europe

Occupation: krpano developer : virtual tours

  • Send private message

199

Saturday, February 24th 2018, 12:11pm

PM send


p.s. The plugin has no restrictions on the number of files. Limitations are imposed by the browsers and the devices.

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

facebook page :: facebook group :: youtube

cms4vr team *thumbsup*

spacerywirtualne

Professional

  • "spacerywirtualne" started this thread

Posts: 874

Location: Poland, Europe

Occupation: krpano developer : virtual tours

  • Send private message

200

Wednesday, March 14th 2018, 8:01pm

HTML5-VR Audio Plugin ver 3.1.1

Hello

The new version of the HTML5-VR Audio Plugin (ver 3.1.1) is ready *thumbup*

The update concerns the elimination of an occasional error on the Firefox browser. Sometimes the ambient sound does not disappear after switching to the new panorama. This update fix this.
There also a newest Howler.js file.

All customers should receive the link. If you bought a plugin but you haven't kept the link to download the latest version, please let us know.


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

facebook page :: facebook group :: youtube

cms4vr team *thumbsup*