How do I add custom button functionality

Developers
1

I want to add a custom button when … is clicked. On clicking the button I want to display a form that can be submitted to an external api.

Any help is appreciated.

2

It’s almost here…

1 Like
3

Thx Jose … will check it out.

4

Hi @Jose_Luis_Andrade,

I checked the demo link (which is https://gborlea.jitsi.net/) but I couldn’t see any custom buttom. Was it removed?

5

FYI, if you want to validate user while submitting to an external API, check access_token module.

It creates a token for third-parties if the user is an active participant of a meeting room.

1 Like
6

Try it like this

<script src="https://gborlea.jitsi.net//external_api.js"></script>
        <script>
            var domain = "gborlea.jitsi.net";
            var options = {
                roomName: "Jitsi.Meet.API.Test",
                width: '100%',
                height: '100%',
                parentNode: undefined,
                configOverwrite: {
                customToolbarButtons: [
                    {
                    icon: 'https://exemple.com/favicon.svg',
                    id: 'abcd',
                    text: 'TEST'
                    }
                 ]
                },
                interfaceConfigOverwrite: {}
            }
            var api = new JitsiMeetExternalAPI(domain, options);
            api.addListener( 'toolbarButtonClicked', (data) => { window.open("/", "_blank"); } );
        </script>
2 Likes
7

It works with gborlea.jitsi.net but does not work wit my server or even with Jitsi meet server.
If we add custom button in config file it works. But does not work with iframe API.
Tested with latest jitsi.