Hi
this is a simple site/page to show most used emote in a channel from twitch.tv
credits to twitch.tv/omeiaum for the idea, i just coded it

'dvd mode' may now work properly in Firefox, please prefer chromium based browsers (like Chrome)
TY <3
Options
options are saved in browser localStorage
please read the notice by scrolling down


Only change the displayed emote if have more than X mentions
-1 to always use top one

this will help to use only most recent ones
-1 to not zero


Be careful if you are in the dark, this will suddlenly change to white


channel must be setted once or add #channel_name on URL


speeds: X and Y

RNG multiplier: Multiplied by a random number to change the direction a bit

make it like a good ol' dvd

Spin Speed (in millisseconds, 1s = 1000ms)

make it spin

use keyboard to make some things easier!
Full list at the very bottom, scroll it down...
only applies if NO INPUT IS FOCUSED (text fields, checkbox...)

the number of mentions in a sequence (any other emote will cancel it!)

print messages and useful things on devTools console (press F12 key)

IMPORTANT NOTICE:
Both 'zero after messages' and 'min. mentions' affect how often they will appear on screen keeping low values (ex: -1 and 5) in both will make it change faster. This will depend on chat speed, the ammount of messages

For most cases 5~ and 20~ will be good for 'emote bursts'
That is, zero the count every 20 messages and if have more than 5 mentions show it


Want the code? take a look at the Github repo!

LICENSE: MIT

Credits:
oMeiaUm
Vue.js framework
tmijs package (to connect with twitch chat)
BetterTTV (emotes and APIs)
FrankerFaceZ (channel info)
developpaper.com('dvd mode' code base)
Icon (favicon) by me, based on a random emote from "ppS" bttv search, made with random pixelArt online tool

BASIC USAGE:
Connect:
-> Type the twitch channel name in the top-right input field and click connect.

Emotes not changing/appearing or it's too slow/fast?
-> Click on options and change 'minimal aount os mentions' and 'Zero the count...' to lower/higher numbers

'DVD Mode'?
-> Bounce the image on screen sides, just like the dvd logo, but with emotes
-> Click on options and mark the "DVD Stant-by bouncing" to enable
-> Mark "Don't clear canvas" to keep the path as the image moves

Hotkeys
-> Esc to close Update messsage card and options
-> 'o' to show/hide options
-> 'h' to show/hide connection info and message
-> 'c' to connect/disconnect
you will be propted to comfirm disconnect
Updated to version {{version.v}}!
{{version.date}}

{{version.title}}

Changes

{{infoLine}}



see more @ releases on github
found a bug or want to send feedback? reach out and open an issue on github!
{{infoHidden ? "SHOW" : "HIDE"}}
{{this.status}}
total: {{messageCount}}
emotes: {{emotes.keys.length}}, top: {{emotes.top.code}} [{{emotes.top.count}}]
{{lastMessage.user}}: {{lastMessage.msg}}

{{err.msg}}
{{comboValue}}