Error in chrome Browser (V98)

meet.jit.si is has stopped loading in chrome browser the following message is shown as error in console.

It is working fine when open from Edge browser. Please anyone can suggest what is updated in jitsi server which causes this error.

1 Like

This is strange we will check it out and will let you know.

Are you using it by just opening the browser URL? Or you are using iframeAPI in some way?

If you are using the iframeAPI, share the code you use that reproduces the issue.

Does it work if you open it in incognito window? I’ve seen a similar error (about chrome extension) on JaaS, and the solution was opening in incognito or clearing the cache.

Yes, I have already tested in incognito mode and was the same error.
Yes, we are using popup menu to show video call using iframe to load jitsi it is working fine when our server is selected but problem when meet.jit.si selected only in chrome browser.
This is the complied frontend code.

            <script>
                var video_call_interval;
                var videocall_on = false;    // Status that shows if video call is active or not
                $(document).on('click', '.icon-for-video', function () {
                    if (videocall_on) { // if video call is active, return from here instead of re-establishing call.
                        return false
                    }
                    videocall_on = true;
                    $('.icon-for-video').prepend(`<i style="color: red; z-index:2; position:absolute;margin-top: 6px;margin-left: 4px;" class="video-live-dot far fa-dot-circle"></i>`);
                    $('.icon-for-video').attr('title', 'Live');
                    let audioMute = true;
                    let disableInviteFunctions = false;
                    let toolbarButtons = [
                        'microphone', 'camera', 'closedcaptions', 'desktop', 'fullscreen',
                        'fodeviceselection', 'select-background', 'profile',
                        'etherpad', 'settings', 'raisehand', 'settings', 'download',
                        'videoquality', 'filmstrip', 'stats', 'shortcuts',
                        'tileview', 'select-background', 'download',
                        //HIDDEN OPTIONS  NOT USED IGNORE
                        //   ‘embedmeeting’, , ‘chat’,
                        //  ‘feedback’, ‘help’
                    ];
                    let settingsSection = ['devices'];
                    const domain = 'meet.jit.si';

                    
                        audioMute = false;
                        toolbarButtons.push('mute-everyone', 'mute-video-everyone', 'livestreaming', 'security', 'recording', 'sharedvideo', 'shareaudio', 'participants-pane');
                        settingsSection.push('moderator');
                    

                    let hostname = window.location.hostname;
                    hostname = hostname.replace(/\./g, "");

                    const options = {
                        roomName: 'hidden' + hostname,
                        width: "100%",
                        height: "100%",
                        parentNode: document.querySelector('#UBL-meet'),
                        

                        configOverwrite: {
                            startWithAudioMuted: audioMute,
                            startWithVideoMuted: true,
                            disableDeepLinking: true,
                            etherpad_base: "https://pad.riseup.net/p/",
                            
                        },

                        interfaceConfigOverwrite: {
                            APP_NAME: 'hidden',
                            NATIVE_APP_NAME: 'hidden',
                            PROVIDER_NAME: 'hidden',
                            SHOW_JITSI_WATERMARK: false,
                            SHOW_WATERMARK_FOR_GUESTS: false,
                            DEFAULT_LOGO_URL: '/static/images/logo_orange.png',
                            DEFAULT_WELCOME_PAGE_LOGO_URL: '/static/images/logo_orange.png',
                            JITSI_WATERMARK_LINK: 'https://' + window.location.hostname,
                            userInfo: {
                                displayName: 'hidden',
                                email: '',

                            },
                            TOOLBAR_BUTTONS: toolbarButtons,

                            SETTINGS_SECTIONS: settingsSection,

                            SHOW_CHROME_EXTENSION_BANNER: false,
                            SHOW_PROMOTIONAL_CLOSE_PAGE: false,
                            MOBILE_APP_PROMO: false,
                        },
                    };
                    const api = new JitsiMeetExternalAPI(domain, options);
                    let localDisplayName = "hidden";
                    api.executeCommand('displayName', localDisplayName);
                    api.executeCommand('avatarUrl', `${window.location.origin}/media/Member_images/55e2f93b60c548069903eae9ad3b0dd4.jpg`);
                    api.addEventListeners({
                        displayNameChange: function (params) {
                            return this.executeCommand('displayName', localDisplayName);
                        },
                        videoConferenceJoined: function (params) {
                            updateVideoCallLog(); // Run immediately after join
                            // Will Run every 60 seconds interval.
                            video_call_interval = window.setInterval(updateVideoCallLog, 1000*60);

                            
                            chatSocket.send(JSON.stringify({
                            "message_type" : "jitsi",
                            'sender_id': userID,
                            'sender_name': userName,
                            'sender_icon': userIcon,
                            'sender_datetime': "",
                            'message': "teacher_is_here",
                                       }))
                            
                        },
                    });
                });
            </script>

I think you are setting the display name too early and that gives you the error.

You can use userInfo to pass it in the JitsiMeetExternalAPI options.

There is some strange behavior when I comment interfaceConfigOverwrite and also added userInfo like you said it worked in the local server then I see in server deployed site it works there also without any changes, after that, I removed the changes now it stopped working and again adding back the changes not working.

This is an updated code. Both previous and this code run in edge browser but error in chrome.

<script src='https://meet.jit.si/external_api.js'></script>

<script>

    var video_call_interval;

    var videocall_on = false;    // Status that shows if video call is active or not

    $(document).on('click', '.icon-for-video', function () {

    if (videocall_on) { // if video call is active, return from here instead of re-establishing call.

        return false

    }

    videocall_on = true;

    $('.icon-for-video').prepend(`<i style="color: red; z-index:2; position:absolute;margin-top: 6px;margin-left: 4px;" class="video-live-dot far fa-dot-circle"></i>`);

    $('.icon-for-video').attr('title', 'Live');

    let audioMute = true;

    let disableInviteFunctions = false;

    let toolbarButtons = [

                'microphone', 'camera', 'closedcaptions', 'desktop', 'fullscreen',

                'fodeviceselection', 'select-background', 'profile',

                'etherpad', 'settings', 'raisehand', 'settings', 'download',

                'videoquality', 'filmstrip', 'stats', 'shortcuts',

                'tileview', 'select-background', 'download',

                //HIDDEN OPTIONS  NOT USED IGNORE

                //   ‘embedmeeting’, , ‘chat’,

                //  ‘feedback’, ‘help’

    ];

    let settingsSection = ['devices'];

    const domain = 'meet.jit.si';

                audioMute = false;

                toolbarButtons.push('mute-everyone', 'mute-video-everyone', 'livestreaming', 'security', 'recording', 'sharedvideo', 'shareaudio', 'participants-pane');

                settingsSection.push('moderator');

           

        let hostname = window.location.hostname;

        hostname = hostname.replace(/\./g, "");

        const options = {

            roomName: 'hidden' + hostname,

            width: "100%",

            height: "100%",

            parentNode: document.querySelector('#UBL-meet'),

            userInfo: {

                email: 'hidden',

                displayName: 'hidden'

            },

           

            configOverwrite: {

                startWithAudioMuted: audioMute,

                startWithVideoMuted: true,

                disableDeepLinking: true,

                etherpad_base: "https://pad.riseup.net/p/",

               

            },

           

        };

        const api = new JitsiMeetExternalAPI(domain, options);

        let localDisplayName = "hidden";

        //api.executeCommand('displayName', localDisplayName);

        api.executeCommand('avatarUrl', `${window.location.origin}/media/Member_images/5decdcac4f6f435e9016319683e1acfb.jpg`);

        api.addEventListeners({

            displayNameChange: function (params) {

                return this.executeCommand('displayName', localDisplayName);

            },

            videoConferenceJoined: function (params) {

                updateVideoCallLog(); // Run immediately after join

                // Will Run every 60 seconds interval.

                video_call_interval = window.setInterval(updateVideoCallLog, 1000*60);

               

                chatSocket.send(JSON.stringify({

                "message_type" : "jitsi",

                'sender_id': userID,

                'sender_name': userName,

                'sender_icon': userIcon,

                'sender_datetime': "",

                'message': "teacher_is_here",

                            }))
            },

        });

    });

</script>

Do you get the same error?

Your error is about the avatar now, if you comment that it should be fine.

1 Like

You can set the avatar on conference joined, this was discussed earlier

1 Like

Thank you so much now the error is fixed. Just these 2 lines were causing problem now moved to the listener as you have suggested. Thank you again.

api.addListener('videoConferenceJoined', () => {
     api.executeCommand('displayName', localDisplayName);
     api.executeCommand('avatarUrl', `${window.location.origin}{{ user.Avatar }}`);
});