Sound beim Klick auf Hotspot und Karte unten links starr?

Anfänger

Dienstag, 30. August 2016, 19:36

Hallo zusammen,

ich möchte gerne bei einer Tourerstellung, dass beim Klick auf den Hotspot ein Ton abgespielt wird, hat das schon jemand mal erstellt und kann mir die Codezeile dazu zur Verfügung stellen?

Darüber hinaus würde ich gerne starr unten links in der Ecke immer eine Karte (selbst gezeichnet) einbauen auf der ich dann den Punkt markiere an dem man sich gerade befindet, ist das auch irgendwie möglich?

Zum Seitenanfang

pano_ramic

Fortgeschrittener

Beiträge: 161

2

Dienstag, 30. August 2016, 22:45

Zuerst musst du das Sound Plugin einbinden und den Stammordner für Deine Sounds festlegen (siehe Plugin Seite)

Dann beim gewünschten Hotspot folgendes eingeben/hinzufügen:

onclick="playsound(auto, soundname.mp3,1);"

Hope this helps

Zum Seitenanfang

eiddoo

Anfänger

Beiträge: 16

3

Mittwoch, 31. August 2016, 10:56

Danke, dass hat soweit funktioniert, er spielt jetzt den Ton, geht aber nicht mehr weiter zum nächsten Bild.

Die Idee war, dass man auf den Hotspot klickt, dann kommt ein kurzer Ton 0,9 Sekunden und er wechselt zum nächsten Bild. Jetzt spielt er nur noch den Ton ab beim Kick auf den Hotspot.

Zum Seitenanfang

toosten

Fortgeschrittener

Beiträge: 521

Wohnort: Berlin

Beruf: Software-Entwickler bei VR-Easy ( HTML, JS, PHP, krpano, C++, Java )

4

Mittwoch, 31. August 2016, 12:05

Das was vorher in onclick war, muß durch das neue erweitert werden, nicht ersetzen!

.
.
Wir machen VR »EASY« - Erstelle ganz einfach virtuelle 360° Rundgänge.
We make VR »EASY« - Create virtual 360° tours easily.

Zum Seitenanfang

eiddoo

Anfänger

Beiträge: 16

5

Mittwoch, 31. August 2016, 12:54

Die Zeile sieht bei mir jetzt so aus

<hotspot name="spot1" style="skin_hotspotstyle" ath="78.282" atv="1.146" onclick="playsound(auto,swing.mp3,1);" linkedscene="scene_l2b2" />

Zum Seitenanfang

toosten

Fortgeschrittener

Beiträge: 521

Wohnort: Berlin

Beruf: Software-Entwickler bei VR-Easy ( HTML, JS, PHP, krpano, C++, Java )

6

Mittwoch, 31. August 2016, 13:26

"playsound(auto,swing.mp3,1);" solltest du ins Style "skin_hotspotstyle" packen

.
.
Wir machen VR »EASY« - Erstelle ganz einfach virtuelle 360° Rundgänge.
We make VR »EASY« - Create virtual 360° tours easily.

Zum Seitenanfang

eiddoo

Anfänger

Beiträge: 16

7

Donnerstag, 1. September 2016, 16:50

sorry irgendwie versteh ich nicht wie ich das da hinzufügen soll.

Zum Seitenanfang

toosten

Fortgeschrittener

Beiträge: 521

Wohnort: Berlin

Beruf: Software-Entwickler bei VR-Easy ( HTML, JS, PHP, krpano, C++, Java )

8

Freitag, 2. September 2016, 08:39

Im style "skin_hotspotstyle" ist eine onclick-Action hinterlegt und in deinem hotspot der dieses style nutzt ist auch eine onclick hinterlegt, eine von beiden wird überschrieben.
Damit aber wie gewünscht beide funktionieren, empfehle ich dir die onclick vom style um deine gewüschte action zu erweitern.

http://krpano.com/docu/xml/#style

.
.
Wir machen VR »EASY« - Erstelle ganz einfach virtuelle 360° Rundgänge.
We make VR »EASY« - Create virtual 360° tours easily.

Zum Seitenanfang

panox

Schüler

Beiträge: 124

9

Freitag, 2. September 2016, 11:31

Das klappt ja auch ganz schön, doch wie kann verhindert werden, dass bei mehrfachem Klick auf den Hotspot die Audiodatei immer wieder neu geladen und zusätzlich abgespielt wird? Mein bisheriger Code wiederholt die Sounddatei immer wieder. Man kann sie aber zwischendurch stoppen und an derselben Stelle wieder abspielen. Nur die Wiederholung müsste da raus.

Quellcode

<!-- Sound -->
  
  <!-- load the soundinterface plugin -->
   	<plugin name="soundinterface" url="%SWFPATH%/plugins/soundinterface.swf" alturl="%SWFPATH%/plugins/soundinterface.js" rootpath="" preload="true" keep="true"></plugin>


    <!-- start playing the sound -->
    <events name="currentpano"
            onnewpano=""
            onremovepano="stopsound(bgsnd);"
            />


    <!-- button to pause the sound: -->
    <plugin name="snd" url="soundonoff.png" ath="+110" atv="+12" alpha="0.75" scale="1" onover="tween(alpha,1);" onout="tween(alpha,0.25);"
            crop="0|0|50|50"
            onloaded="if(ismobile,set(scale,1));"
            onclick="startsound();"
            />

       <action name="startsound">
  playsound(bgsnd, 'tonne.mp3|tonne.ogg', 0);
  set(plugin[snd].onclick, pausesoundtoggle(bgsnd); switch(crop, 0|0|50|50, 0|50|50|50););
</action>

Zum Seitenanfang

eiddoo

Anfänger

Beiträge: 16

10

Freitag, 2. September 2016, 12:46

Ich nerve sicherlich schon weil ich einfach wie der Ochse vorm Berg stehe :D meine Zeilen sehen jetzt so aus.

<style name="skin_hotspotsytle" onclick="playsound(auto,swing.mp3,1);" URL="skin-hotspotstyle" linkedscene="scene_l2b2" />
<hotspot name="spot1" style="skin_hotspotstyle" onclick="playsound(auto,swing.mp3,1);" ath="78.282" atv="1.146" linkedscene="scene_l2b2" />

Zum Seitenanfang

toosten

Fortgeschrittener

Beiträge: 521

Wohnort: Berlin

Beruf: Software-Entwickler bei VR-Easy ( HTML, JS, PHP, krpano, C++, Java )

11

Samstag, 3. September 2016, 08:25

Das wird dann ein wenig komplexer ;-)

http://krpano.com/plugins/soundinterface/#playsound

Man kann dem Playsound eine oncomplete-Action und einen Namen mitgeben.

Wenn du den zur Zeit abgespielten Soundname in eine Variable packst, dann kannst du vor jeden auslösen testen ob ein Sound läuft.

Quellcode

1 2 3 4 5 6 7 8 9 10

<action name="myplay"> ifnot( lastsound, set(lastsound, %1); playsound( %1, %2, %3, myplay_ende()); ); </action> <action name="myplay_ende"> delete(lastsound); </action>

myplay(auto,swing.mp3,1);

( ungetestet )

.
.
Wir machen VR »EASY« - Erstelle ganz einfach virtuelle 360° Rundgänge.
We make VR »EASY« - Create virtual 360° tours easily.

Zum Seitenanfang

panox

Schüler

Beiträge: 124

12

Samstag, 3. September 2016, 19:41

Danke, toosten, Dein Code hat die Wiederholungen der Audiodatei nun gestoppt. Das ist ein schöner Erfolg.

Kannst Du mal sehen, wie die Mehrfachwiedergabe des Sounds bei Mehfachklick auf den Hotspot verhindert werden kann?

Das ergibt zwar interessante Kanon-artige Effekte und aus einer einzigen Stimme wird so ein Volksgemurmel, aber ist ja so nicht erwünscht. ;-)

Könnte jemand an einer Beispieldatei zeigen, wie die folgenden Anwendungs-Anforderungen in der tour.xml codiert werden?

1. Ein Lautsprechersymbol als Hotspot, das beim Klick von Lautsprecher an und Lautsprecher aus wechselt (Dieser Codeabschnitt funktioniert nicht mit der Unterdrückung der Wiederholungen)

Quellcode

<!-- Sound -->
  
  <!-- load the soundinterface plugin -->
   	<plugin name="soundinterface" url="%SWFPATH%/plugins/soundinterface.swf" alturl="%SWFPATH%/plugins/soundinterface.js" rootpath="" preload="true" keep="true"></plugin>


    <!-- start playing the sound -->
    <events name="currentpano"
            onnewpano=""
            onremovepano="stopsound(bgsnd);"
            />


    <!-- button to pause the sound: -->
    <plugin name="snd" url="soundonoff.png" ath="+110" atv="+12" alpha="0.75" scale="1" onover="tween(alpha,1);" onout="tween(alpha,0.25);"
            crop="0|0|50|50"
            onloaded="if(ismobile,set(scale,1));"
            onclick="startsound();"
            />

       <action name="startsound">
  playsound(bgsnd, 'tonne.mp3|tonne.ogg', 0);
  set(plugin[snd].onclick, pausesoundtoggle(bgsnd); switch(crop, 0|0|50|50, 0|50|50|50););
</action>

2. Beim Klick beginnt die Wiedergabe, beim erneuten Klick pausiert sie.

(Das funktioniert mit dem obigen Code)

3. Am Ende der Wiedergabe gibt es keine Wiederholung.

Hier so gelöst:

Quellcode

<action name="myplay">
ifnot( lastsound,
   set(lastsound, %1);
   playsound( %1, %2, %3, myplay_ende());
);
</action>

<action name="myplay_ende">
   delete(lastsound);
</action>

 	
	
	<hotspot name="spot1" style="skin_hotspotstyle" ath="78.282" atv="1.146" onclick="playsound(auto,test.mp3,1) myplay(auto,test.mp3,1);" />

4. Bei Mehrfachklick auf den Hotspot wird die Audiodatei nicht zusätzlich zur laufenden abgespielt.

5. Beim Wechsel des Panoramas wird die Wiedergabe gestoppt.

(Das ist mit dem ersten Codebeispiel möglich)

6. Bei mehreren Hotspots in einem Panorama wird jeweils nur eine Audiodatei zur Zeit abgespielt, auch wenn andere Hotspots angeklickt werden.

7. Oder: Wenn bei laufender Wiedergabe ein anderer Hotspot angeklickt wird, stoppt die Wiedergabe des ersten und der zweite Hotspot-Sound wird abgespielt.

Ich möchte gern die Erklärungen des Museumsleiters zu den einzelnen Exponaten in den Panoramen als Audiodatei anbieten.

Viele Grüße

panox

Zum Seitenanfang

toosten

Fortgeschrittener

Beiträge: 521

Wohnort: Berlin

Beruf: Software-Entwickler bei VR-Easy ( HTML, JS, PHP, krpano, C++, Java )

13

Montag, 5. September 2016, 09:19

Statt
onclick="playsound(auto,test.mp3,1) myplay(auto,test.mp3,1);"

das
onclick="myplay(auto,test.mp3,1);"

Somit wird der Sound nur 1x abgespielt und nicht 2x parallel

.
.
Wir machen VR »EASY« - Erstelle ganz einfach virtuelle 360° Rundgänge.
We make VR »EASY« - Create virtual 360° tours easily.

Zum Seitenanfang

eiddoo

Anfänger

Beiträge: 16

14

Montag, 5. September 2016, 09:48

Hat nicht einer ein Beispiel wie das aussieht mit Sound abspielen bei Klick auf den Hotspot und gleichzeitiger Öffnung des neuen Bildes bei Klick auf den Hotspot.

Ich verstehe ehrlich gesagt garnix mehr ob die Sachen oben jetzt noch für mich passend sind oder für die andere Frage in meinem Thema.

Zum Seitenanfang

toosten

Fortgeschrittener

Beiträge: 521

Wohnort: Berlin

Beruf: Software-Entwickler bei VR-Easy ( HTML, JS, PHP, krpano, C++, Java )

15

Montag, 5. September 2016, 12:09

Man kann in onclick mehrere Actions hinzufügen ( hast du schon gemacht), deshalb kannst du auch x Ereignisse dirch ein Klick auslösen ( Sound, Anzeige von Bilder oder Panowechsel, ...)

.
.
Wir machen VR »EASY« - Erstelle ganz einfach virtuelle 360° Rundgänge.
We make VR »EASY« - Create virtual 360° tours easily.

Zum Seitenanfang

eiddoo

Anfänger

Beiträge: 16

16

Montag, 5. September 2016, 12:23

hmm, dann spielt er nach wie vor den Ton aber wechselt nicht in das nächste Pano.

Zum Seitenanfang

panox

Schüler

Beiträge: 124

17

Montag, 5. September 2016, 15:45

Zitat

onclick="myplay(auto,test.mp3,1);"

Somit wird der Sound nur 1x abgespielt und nicht 2x parallel

Danke, das klappt hervorragend.

Schön ist auch, dass mehrere Audiodateien-Hotspots den Sound erst dann abspielen, wenn der vorherige beendet ist.

Nur wird der Sound noch nicht beim Wechsel des Panoramas gestoppt. Das ist bei etwas längeren Audiodateien sinnvoll.

Kannst Du das bitte noch hinzufügen?

Zum Seitenanfang

toosten

Fortgeschrittener

Beiträge: 521

Wohnort: Berlin

Beruf: Software-Entwickler bei VR-Easy ( HTML, JS, PHP, krpano, C++, Java )

18

Montag, 5. September 2016, 21:53

.
.
Wir machen VR »EASY« - Erstelle ganz einfach virtuelle 360° Rundgänge.
We make VR »EASY« - Create virtual 360° tours easily.

Zum Seitenanfang

panox

Schüler

Beiträge: 124

19

Montag, 5. September 2016, 22:01

Die Zeile habe ich sofort ausgetestet. Sie stoppt die Wiedergabe der Audiodatei bei Panoramawechsel. Dann aber sind alle folgenden - und auch die vorherigen - Audiodateien stumm geschaltet.

Auch diese Zeile geht nicht:

	Quellcode
1	<events onnewscene="stopsound(Getreidesensen.mp3)"/>

Zitat

stopsound(name)
stops playing a sound
name = identification name of the sound

http://krpano.com/plugins/soundinterface/#stopsound

Ist der Identification name der Dateiname mit Extension?

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »panox« (5. September 2016, 22:51)

Zum Seitenanfang

toosten

Fortgeschrittener

Beiträge: 521

Wohnort: Berlin

Beruf: Software-Entwickler bei VR-Easy ( HTML, JS, PHP, krpano, C++, Java )

20

Dienstag, 6. September 2016, 09:08

Sorry:

<events onremovepano="stopallsounds(true); delete(lastsound);" />

.
.
Wir machen VR »EASY« - Erstelle ganz einfach virtuelle 360° Rundgänge.
We make VR »EASY« - Create virtual 360° tours easily.

Zum Seitenanfang

	Quellcode
1 2 3 4 5 6 7 8 9 10	<action name="myplay"> ifnot( lastsound, set(lastsound, %1); playsound( %1, %2, %3, myplay_ende()); ); </action> <action name="myplay_ende"> delete(lastsound); </action>