FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: ToM_ToM am 03 September 2017, 17:29:54

Titel: Push Widget - optionaler Feedback Ton?
Beitrag von: ToM_ToM am 03 September 2017, 17:29:54
Hallo Zusammen,

wäre es möglich, für z.B. das Push Widget einen Feedback-Ton hinzuzufügen (evtl. über ein Attribug oder Klasse steuerbar)?

VG, Thomas
Titel: Antw:Push Widget - optionaler Feedback Ton?
Beitrag von: Standarduser am 03 September 2017, 18:42:38
Schau mal hier:
http://allwebco-templates.com/support/S_audio_onmouseover.htm

Ausprobiert habe ich das nicht, aber vielleicht kann man daraus etwas machen?
Titel: Antw:Push Widget - optionaler Feedback Ton?
Beitrag von: ToM_ToM am 03 September 2017, 19:36:02
Hey Standarduser,

super. Danke für den Link. Ich habe das jetzt mal für mich soweit umgebaut dass es passt und ich den Sound beim Drücken des Pushbuttons bekomme. :)

Evtl. kann setstate sowas irgendwie als Standard mit aufnehmen.

VG, Thomas
Titel: Antw:Push Widget - optionaler Feedback Ton?
Beitrag von: Standarduser am 03 September 2017, 19:45:16
Freut mich, dass es funktioniert.
Lass uns doch mal deinen Code als Beispiel da.
Titel: Antw:Push Widget - optionaler Feedback Ton?
Beitrag von: ToM_ToM am 03 September 2017, 20:23:58
Es funktioniert wohl doch noch nicht so ganz wie ich wollte.

Der Ton kommt zwar auf dem Notebook, aber nun wo ich das Ganze auf dem Tablet testen wollte, kommt dort leider kein Ton.  :(
Titel: Antw:Push Widget - optionaler Feedback Ton?
Beitrag von: ToM_ToM am 03 September 2017, 22:05:20
Habe das jetzt mal noch simpler aufgebaut.

Folgendes in den Header der index.html packen und Pfad zur Audio-Datei ggf. anpassen:


<script type="text/javascript">
function playTouchSound() {
var audio = new Audio('/fhem/tablet/sounds/touchSound.mp3');
audio.play();
}
</script>


So wird das dann aufgerufen:

<div data-type="push" data-icon="" data-device="AlarmKeypadDummy" data-set="key" data-set-on="1" onclick="playTouchSound();">1</div>

Bisher funktioniert das Ganze jedoch nur im Desktop Browser. Dem Tablet bekomme ich leider keinen Ton entlockt.

VG, Thomas
Titel: Antw:Push Widget - optionaler Feedback Ton?
Beitrag von: setstate am 03 September 2017, 22:10:56
probiere mal fürs Tablet testweise: ontouchstart="playTouchSound();"

Ansonsten kann dein Tablet kein HTML5 Audio

https://developer.mozilla.org/de/docs/Web/API/HTMLAudioElement
Titel: Antw:Push Widget - optionaler Feedback Ton?
Beitrag von: ToM_ToM am 03 September 2017, 22:21:15
Zitatprobiere mal fürs Tablet testweise: ontouchstart="playTouchSound();"

Hi setstate, das habe ich auch probiert, funktioniert aber leider auch nicht. ontouchstart ist zwar geringfügig schneller, aber onclick hätte mir gereicht.  :)
Meinst du, dass die AndroidWebView (Android 7.0) noch kein HTML5 kann?  :o

Dann muss ich mir wohl was anderes einfallen lassen, irgendwie touch sounds zu bekommen.

Fände das nämlich ganz cool wenn mein Pin Key Pad mir beim Drücken der Tasten ein Feedback gibt.

Titel: Antw:Push Widget - optionaler Feedback Ton?
Beitrag von: Standarduser am 04 September 2017, 11:40:11
Zitat von: ToM_ToM am 03 September 2017, 22:21:15
Fände das nämlich ganz cool wenn mein Pin Key Pad mir beim Drücken der Tasten ein Feedback gibt.

Das wäre allgemein eine ziemlich coole Sache!

Hast du denn alternativ mal einen anderen Browser ausprobiert?
Vielleicht den Fully Kiosk Browser?

Oder mal geprüft, ob der Browser überhaupt Töne ausgibt?
Titel: Antw:Push Widget - optionaler Feedback Ton?
Beitrag von: ToM_ToM am 04 September 2017, 11:53:33
ZitatHast du denn alternativ mal einen anderen Browser ausprobiert?
Ja, der Fully kann es leider auch nicht.
Habe Fully, Dolphin und den Standard-Browser auf dem Tab ausprobiert, aber bei keinem kam ein Ton.

VG, Thomas
Titel: Antw:Push Widget - optionaler Feedback Ton?
Beitrag von: Standarduser am 04 September 2017, 17:51:38
Zitat von: ToM_ToM am 04 September 2017, 11:53:33
Ja, der Fully kann es leider auch nicht.
Habe Fully, Dolphin und den Standard-Browser auf dem Tab ausprobiert, aber bei keinem kam ein Ton.

VG, Thomas

Vielleicht die Lautstärke auf 0? [emoji12]
Titel: Antw:Push Widget - optionaler Feedback Ton?
Beitrag von: ToM_ToM am 04 September 2017, 18:09:59
ZitatVielleicht die Lautstärke auf 0?

Glaub mir, ich wäre froh wenn ich das vergessen hätte zu prüfen und es so einfach wäre. ;)
Aber nein, alle Lautstärkeregler voll aufgedreht.
Und wenn ich anstatt einer mp3 oder ogg Datei eine wav Datei verwendet habe, hatte ich auch genau einmal dem Tablet einen kurzen Sound entlocken können.
Aber leider nicht mehr reproduzierbar.  :(

VG, Thomas
Titel: Antw:Push Widget - optionaler Feedback Ton?
Beitrag von: Standarduser am 05 September 2017, 20:23:59
Schau mal, ich hab im FTUI-Verzeichnis /lib/ion.sound gefunden.
Das scheint dafür gemacht zusein, Sounds per JavaScript abzuspielen.
Da hatte wohl schonmal jemand die Idee  ;D
Titel: Antw:Push Widget - optionaler Feedback Ton?
Beitrag von: setstate am 05 September 2017, 20:34:13
ion.sound sind bestimmt bei dir noch Reste von nesges clicksound widget.

https://github.com/nesges/Widgets-for-fhem-tablet-ui/blob/master/www/tablet/js/widget_clicksound.js

Könnte  man bestimmt auf die aktuelle FTUI Version portieren
Titel: Antw:Push Widget - optionaler Feedback Ton?
Beitrag von: Standarduser am 05 September 2017, 20:38:06
Ja, das wäre doch mal was.
Ich bin gespannt;)
Titel: Antw:Push Widget - optionaler Feedback Ton?
Beitrag von: setstate am 05 September 2017, 20:43:32
8) Achtung: ... hab nicht geschrieben, dass ich das portieren werde  ;D

Ich bin gespannt ;)
Titel: Antw:Push Widget - optionaler Feedback Ton?
Beitrag von: ToM_ToM am 05 September 2017, 21:08:50
Funktioniert diese Lösung denn auf den Tablets?

Wenn ja, dann wäre das natürlich grandios von dir, setstate.  :D  ;)
Titel: Antw:Push Widget - optionaler Feedback Ton?
Beitrag von: Standarduser am 05 September 2017, 21:16:04
Es gibt auf der Projektseite ein paar Beispiele, die du mal ausprobieren kannst.
Wenn der Sound auf der Projektseite funktioniert, müsste es ja auch in FTUI klappen.
Titel: Antw:Push Widget - optionaler Feedback Ton?
Beitrag von: Standarduser am 05 September 2017, 21:18:05
Zitat von: setstate am 05 September 2017, 20:43:32
8) Achtung: ... hab nicht geschrieben, dass ich das portieren werde  ;D

Hatte ich jetzt aber schon so verstanden ;)

Oder du bringst mir/uns mal bei, wie man das selber machen kann.

Titel: Antw:Push Widget - optionaler Feedback Ton?
Beitrag von: ToM_ToM am 05 September 2017, 21:18:32
Dazu müsste ich aber wahrscheinlich wieder die Teile von nesges installieren.
Soweit ich weiß, wurden die ab irgendeiner FTUI Version jedoch nicht mehr offiziell unterstützt.
Daher hatte ich das alles rausgeschmissen gehabt.
Titel: Antw:Push Widget - optionaler Feedback Ton?
Beitrag von: Standarduser am 05 September 2017, 21:58:26
Hier der Link zum Demo:
http://ionden.com/a/plugins/ion.sound/demo.html