Welcome Page Additional Content


#1

Dear All,

Please be so kind to point out how to manage to change the appearance of the welcome page by adding anything to welcomePageAdditionalContent.html My aim is to add a link to an imprint and a GDPR notice in order to make the website lawful in Europe. Ideally, this should work within the package install version and without building the source code, doin npm install && make or the like.

I am experimenting with a debian package install on debian stretch using just jetty. The website does respond to changes in /usr/share (e.g., renaming the favicon file leads to no favicon thereafter). However, I cannot get the website to respond to welcomePageAdditionalContent.html changes in at all. I suspect changes to index.html might be required, such as an include statement. However, none of my tries did have any impact.

Regards,

Michael Schefczyk


#2

I just tested it and it works. I edited static/welcomePageAdditionalContent.html to be:

<template id = "welcome-page-additional-content-template">
<center>Footer text</center>
</template>

#3

Dear Damian,

Thank you very much for prompt testing!

I have copied the same into /usr/share/jitsi-meet/static/welcomePageAdditionalContent.html and rebooted to be on the very safe side. Owner is root:root and permissions are 0644 as for all other files in the jitsi-meet folder where, for example, favicon and images could be changed effectively, if one wanted to.

However, I see no “Footer text”, unfortunately. In the bowser, the source code of the web page ends with:

<script src="libs/lib-jitsi-meet.min.js?v=3216"></script>
<script src="libs/app.bundle.min.js?v=3216"></script>
<!--#include virtual="title.html" -->
<!--#include virtual="plugin.head.html" -->
<!--#include virtual="static/welcomePageAdditionalContent.html" -->

Do you have any recommendations on terms of how to proceed? Will things behave differently with Apache or Nginx instead of just using Jetty?

Regards,

Michael


#4

You can quickly fix it by editing /etc/jitsi/videobridge/sip-communicator.properties and adding:

org.jitsi.videobridge.rest.jetty.ResourceHandler.alias./static/welcomePageAdditionalContent.html=/usr/share/jitsi-meet/static/welcomePageAdditionalContent.html

restart jvb and it will work.


#5

Dear Damian,

Thank you very much! That does work well for static text. Beyond that, my intention was to add a footer with the following format:

Powered by Jitsi Meet | imprint | GDPR

Unfortunately, href links do not seem to work in this template context. Nevertheless, I hope that this should be seen as a useful approach for many users setting up their own server. Could you please be so kind to provide a clue to implementing that by people with my limited level of skills in terms of html, javascript and the like?

Regards,

Michael


#6

Here is a simple example inspired by https://meet.jit.si current layout of the welcomepage. It has the html template in static/welcomePageAdditionalContent.html and the css in plugin.head.html.

static/welcomePageAdditionalContent.html

<template id = "welcome-page-additional-content-template">
    <div class="welcome-page-content">
        <div class="welcome-footer">
            <div class="welcome-footer-content">
                <div class="welcome-footer-about">
                    <div>
                        <a href="https://jitsi.org/jitsi-meet/" rel="noopener" target="_blank">Powered by Jitsi Meet</a> | <a href="https://abc.net/imprint.html/" rel="noopener" target="_blank">imprint</a> | <a href="https://abc.net/GDPR.html/" rel="noopener" target="_blank">GDPR</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

plugin.head.html

<style>
    .welcome-page-content {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        justify-content: space-between;
        position: relative;
        z-index: 1;
        margin-top: 35px;
        width: 100%
    }
    .welcome-page-content .welcome-footer {
        color: #FFF;
        display: flex;
        padding-bottom: 20px;
        padding-top: 20px;
        width: 100%;
        z-index: 1
    }
    .welcome-page-content .welcome-footer-content a {
        color: #fff !important;
        text-decoration: underline
    }

    .welcome-page-content .welcome-footer-content {
        display: flex;
        justify-content: center;
        width: 100%;
        z-index: 2
    }

    .welcome-page-content .welcome-footer-about {
        display: flex;
        flex-direction: column;
        flex: 1;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        justify-content: center
    }

    .welcome-page-content .welcome-footer-about:last-child {
        margin-left: 4px
    }
</style>

Mind that those files can be easily overridden with custom files in nginx so, so basically to add those files in /etc/jitsi/meet and skip editing files in /usr/share/jitsi-meet so upgrades will not touch changes.