Kappa.js is a simple jQuery Plugin that can easily find text Twitch emotes and replace them with their respective emoticons.
Kappa.js is made possible with the use of Twitch Emotes API v2. Kappa.js will pull a fresh list of global emotes and save in localStorage. Please note this API is currently in development, so features and structure may change without warning.
Kappa.js can be quickly installed from the public bower registry. Just run...
bower install kappa.js
Or maybe you'd prefer npm...
npm install kappa.js
Alternatively, you can simply clone down this repository with...
git clone https://github.com/SimulatedGREG/Kappa.js.git
To get started include the kappa.js
file just before the end of your closing </body>
tag.
...
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="kappa.js"></script>
</body>
</html>
Once included use jQuery to select which elements your want kappa.js
to apply in this manner... $([selector]).kappa([options]);
In this example kappa.js
will apply to elements with class="kappa"
in the DOM once the page is loaded.
...
<script>
$(document).ready(function() {
$('.kappa').kappa();
});
</script>
</body>
</html>
And that's it! There's nothing else to do. All text emotes will be replaced with their respective Twitch emoticons. But wait, there's more!
option | type | default | description |
---|---|---|---|
emoteSize | string | 'small' |
Sets emoticon image size. Can be 'small' , 'medium' , or 'large' . |
customClass | string | null |
Adds a custom class to each injected <img> emoticon. |
Twitch Emotes API v2
Emote and badge images are property of Twitch Interactive and their respective owners.