Discord Speaking Status

Outlines user character token and their user color marker in the players ui when they speak.

Relays speaking status in a discord voice channel from a https://streamkit.discord.com tab.

The voice channel must saved in the module's settings. Right click the voice channel, copy link, and paste into settings. It will look like this:

https://discord.com/channels/170995199584108546/745362299082244196

Each Foundry User must have their cooresponding Discord User ID set un the User Configuration. These can be found in the logs on the streamkit window (F12) or copied from Discord in the user context menu with developer mode enabled.

The streamkit tab must be opened from Foundry. You do this by clicking the 'Open Discrod Streamkit' button in the Game Access section of the settings tab.

This must be done by each client/user. Discord Streamkit connects to the Discod Desktop Application, so this will not work with Discord instances in a browser.

You must access your Foundry game in a browser to allow it to open the streamkit tab. Will not work with the Foundry VTT desktop application.

Until the extension is approved by our Google overlords and published on the chrome web store, you must install the necessary extension by extracting discord-speaking-relay.zip, enable developer mode in your chrome based browser, and load it as an unpacked extension.

If you do not want to go through the trouble of manually installing the extension, you can run set up a tampermonkey script to do the same.

Tampermonkey: https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo?hl=en

Using this userscript:

(async function() {
    'use strict';
const users = {};
const log = window.console.log.bind(window.console);
window.console.log = (...args) => {
  if (!args[1] || !window.opener) return log(...args);
  if (typeof args[1] !== 'object') return log(...args);
  let data = args[1].data;
	data.evt = args[1].evt;
	if (data.evt == "VOICE_STATE_UPDATE") {
		users[data.user.id] = `${data.user.username}#${data.user.discriminator}`
		return console.log(users[data.user.id], 'added to users', users)
	}
	if (!["SPEAKING_START", "SPEAKING_STOP"].includes(data.evt)) return log(...args);
	data.name = users[data.user_id];
	data.nick = document.querySelector(`img[src*="${data.user_id}"]`)?.parentElement?.querySelector("span").innerHTML;
	log('sending this data to window.opener', data);
  window.opener.postMessage(data, '*');
}
})();

Or you can just paste this part in the console (F12) of the streamkit window after you open it from Foundry. Users will have to rejoin the channel after this runs to work properly though:

const users = {};
const log = window.console.log.bind(window.console);
window.console.log = (...args) => {
  if (!args[1] || !window.opener)return log(...args);
  if (typeof args[1] !== 'object') return log(...args);
  let data = args[1].data;
	data.evt = args[1].evt;
	if (data.evt == "VOICE_STATE_UPDATE") {
		users[data.user.id] = `${data.user.username}#${data.user.discriminator}`
		return console.log(users[data.user.id], 'added to users', users)
	}
	if (!["SPEAKING_START", "SPEAKING_STOP"].includes(data.evt)) return log(...args);
	data.name = users[data.user_id];
	data.nick = document.querySelector(`img[src*="${data.user_id}"]`)?.parentElement?.querySelector("span").innerHTML;
	log('sending this data to window.opener', data);
  window.opener.postMessage(data, '*');
}