Html Sound Effekt erstellen?

  • Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Peter Pan

Neues Mitglied
31 März 2020
16
0
1
22
Ich habe ein digitales Fotoalbum erstellt mit Hilfe von Turn.Js
Jetzt würde ich sehr gerne einen mp3 Soundeffect einfügen, der beim jeden umblättern abgespielt wird. Das wurde mir vorgeschlagen:
Nur weiß ich jetzt leider nicht ganz wie ich die Audio Datei einbette :/
Lg und Danke im Vorfeld :))


$('.flipbook').on('turning', function(e, page) {
...
})
 

Sempervivum

Senior HTML'ler
18 Oktober 2016
2.475
474
83
68
Auch das ist nicht schwer:
Code:
        function loadApp() {
            const audioObj = new Audio();
            audioObj.src = 'Gong-1-2.mp3';
            // Create the flipbook
            $('.flipbook').turn({
                // Width
                width: 922,

                // Height
                height: 600,

                // Elevation
                elevation: 50,

                // Enable gradients
                gradients: true,

                // Auto center this flipbook
                autoCenter: true
            });
            $(".flipbook").on('turning', function (event, pageObject) {
                console.log('start');
                audioObj.play();
            });
        }
Musst Du nur noch eine Sound-Datei auftreiben, die passt. Oder selber aufnehmen.
 
  • Like
Reaktionen: Peter Pan

Peter Pan

Neues Mitglied
31 März 2020
16
0
1
22
Auch das ist nicht schwer:
Code:
        function loadApp() {
            const audioObj = new Audio();
            audioObj.src = 'Gong-1-2.mp3';
            // Create the flipbook
            $('.flipbook').turn({
                // Width
                width: 922,

                // Height
                height: 600,

                // Elevation
                elevation: 50,

                // Enable gradients
                gradients: true,

                // Auto center this flipbook
                autoCenter: true
            });
            $(".flipbook").on('turning', function (event, pageObject) {
                console.log('start');
                audioObj.play();
            });
        }
Musst Du nur noch eine Sound-Datei auftreiben, die passt. Oder selber aufnehmen.


Danke! Und die Datei füge ich einfach in die Klammer von Play ein oder mit <audio src=" "..... :))?