nahid
commented
2 years ago Here is the code for version 4.7.0
/* ENTER - gMeetButton */
function addMeetButton() {
// preconditions
const headerButtons = $('header .rcx-button-group');
// exit if headerButtons isn't visible
if (!headerButtons.is(':visible')) {
return;
}
// exit if button is present already
if ($(`.rcx-button-group__item[data-id="meet"]`).is(':visible')) {
return;
}
/* local functions */
function sleep(ms) {
return new Promise(resolve => setTimeout(resolve, ms));
}
function uuidv4() {
return ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, c =>
(c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4).toString(16)
);
}
/* Google Meet SVG */
const meetButtonSymbol = `
<svg id="icon-meet" viewBox="0 0 468 468" fill="currentColor">
<path d="M 238.5,421.7502 V 387.5 l -10.80713,-0.6693 C 190.25427,384.5122 154.14002,371.1781 123.02577,348.1858 113.90356,341.4448 96.855431,325.0588 89.019172,315.5 76.281547,299.9624 64.156705,277.9322 58.087931,259.2995 33.715022,184.46833 66.347377,98.13147 136.21304,52.6004 180.89993,23.47821 236.61288,15.06651 289.45785,29.46307 c 66.89494,18.22419 119.73348,75.21313 133.59773,144.09166 2.76051,13.71437 3.78323,43.62827 1.99037,58.21657 -9.18324,74.7226 -63.02462,149.0915 -145.99323,201.6545 -12.70446,8.0486 -38.24275,22.574 -39.68991,22.5744 -0.47455,2e-4 -0.86281,-15.4123 -0.86281,-34.25 z m 50.94617,-140.0311 c 6.6072,-2.9819 10.26549,-6.4304 13.21334,-12.4556 2.69603,-5.5105 2.83071,-6.486 3.19379,-23.1345 l 0.37906,-17.3815 24.38382,24.3686 L 355,277.4847 V 208.5 139.51531 l -24.41499,24.39973 -24.41499,24.39974 -0.33958,-17.40739 c -0.37876,-19.41617 -1.40213,-23.32523 -7.77471,-29.69781 -7.12934,-7.12934 -2.09969,-6.67875 -78.05573,-6.99283 -77.15948,-0.31905 -73.63703,-0.63235 -81.5202,7.25082 -7.54646,7.54646 -7.4798,6.95352 -7.4798,66.52903 0,58.4869 0.071,59.2215 6.44445,66.6675 3.85086,4.4988 8.95106,7.3527 15.05555,8.4243 2.2,0.3862 33.025,0.6368 68.5,0.5569 59.52503,-0.1341 64.80437,-0.2827 68.44617,-1.9262 z"></path>
</svg>
`;
/* Description-Text on Hover: Customize this for different languages */
const meetButtonLabel = {
'en': 'New Google Meet Room',
'de': 'Öffne Google-Konferenz Raum',
'fr': 'New Google Meet Room',
'es': 'New Google Meet Room',
'it': 'New Google Meet Room',
'nl': 'New Google Meet Room',
'pl': 'New Google Meet Room',
'pt': 'New Google Meet Room',
'ru': 'Смена оформления',
'bn': 'নতুন গুগোল মিট রুম তৈরী করুন',
}[defaultUserLanguage()] || 'New Google Meet Room';
const meetButtonHtml = `
<button type="button" class="rcx-box rcx-box--full rcx-box--animated rcx-button--tiny-square rcx-button--square rcx-button--ghost rcx-button rcx-button-group__item rcx-css-15vvv6z" data-id="meet" data-toolbox="0" data-title="${meetButtonLabel}" data-tooltip="${meetButtonLabel}"><i aria-hidden="true" class="rcx-box rcx-box--full rcx-icon--name-info-circled rcx-icon rcx-css-4pvxx3"><svg class="rc-icon tab-button-icon tab-button-icon--meet" aria-hidden="true" viewBox="0 0 468 468">
<use xlink:href="#icon-meet"></use>
${meetButtonSymbol}
</svg></i></button>
`;
const meetButton = $(meetButtonHtml).prependTo(headerButtons);
meetButton.on('click', async function () {
var meetUri = "http://g.co/meet/r" + uuidv4();
var chatInput = $('textarea[name="msg"]');
if (chatInput.length == 1) {
var keyboardEvent = {
altKey: false,
bubbles: true,
cancelBubble: false,
cancelable: true,
charCode: 0,
code: "Enter",
composed: true,
ctrlKey: false,
currentTarget: document,
defaultPrevented: false,
detail: 0,
eventPhase: 1,
isComposing: false,
isTrusted: true,
key: "Enter",
keyCode: 13,
location: 0,
metaKey: false,
repeat: false,
returnValue: true,
shiftKey: false,
srcElement: chatInput.get()[0],
target: chatInput.get()[0],
type: "keydown",
which: 13
};
chatInput.get()[0].value = '*Please join[Meet]* \n' + meetUri;
chatInput.change();
chatInput.focus();
chatInput.trigger(keyboardEvent);
await sleep(500);
}
window.open(meetUri, '_blank');
});
}
/* Interval to check if the icon is there; required for room/chat changes */
setInterval(addMeetButton, 250);
/* LEAVE - gMeetButton */It looks like:
Vaarlion
grthr
anakinpendragon
deichbewohner
geekgonecrazy
olsn
vladborovtsov
Normally RC is just supporting Jitsi & BigBlueButton for Video Conference. By changing the Domain in the settings for Jitsi to "hangouts.google.com/hangouts/_" you can use hangouts at the moment because a new Meeting will be created when opening this URL.
But because Hangouts will be deactivated this year and the new Google Meet don't support auto-creating a meeting URL by opening an URL this will stop working.
So it needs to push a request to generate a meeting. Docs: https://developers.google.com/calendar/create-events
The request Body would look like this: { "summary": "test", "end": { "dateTime": "2019-03-27T13:00:00-07:00" }, "start": { "dateTime": "2019-03-27T11:00:00-07:00" }, "conferenceData": { "createRequest": { "conferenceSolutionKey": { "type": "hangoutsMeet" } } } }