npm 包 twitch-emotes 使用教程-JavaScript中文网-JavaScript教程资源分享门户

在今天的流媒体游戏和直播行业中，Twitch 直播平台已经成为最受欢迎的平台之一。在 Twitch 上面，人们可以直播他们喜欢的视频游戏，同时与其他人互动。大量的游戏玩家和观众在 Twitch 上交流互动，形成了一个非常活跃的社交群体。

在 Twitch 社区，表情符号 emoticon 是一种非常流行的通信方式。怎么表达你的兴奋、开心或者悲伤？只需要用一个对应的表情符号就可以。如果你是一名前端开发者，如何在你的 Twitch 直播应用程序中使用这些表情符号呢？答案是使用 npm 包 twitch-emotes。

twitch-emotes 是一个 npm 包，它提供了一个可配置接口，用于在您的 Twitch 应用程序中显示 Twitch chat 中的表情符号。

安装

您可以通过 npm 将 twitch-emotes 安装到您的项目中：

npm install twitch-emotes --save

使用

在您的项目中引入 twitch-emotes：

const TwitchEmotes = require('twitch-emotes');

然后，您需要创建一个 TwitchEmotes 的实例：

const twitchEmotes = new TwitchEmotes({
    // options
});

配置 TwitchEmotes

在创建 TwitchEmotes 实例时，可以通过传递选项参数来配置这个实例的行为。以下是 TwitchEmotes 支持的所有选项及其默认值：

选项	类型	默认值	描述
options.providerUrl	字符串	`'https://cdn.betterttv.net/emote/{{id}}/{{image}}'`	Emote 图片的 URL 模板。
options.providers	对象数组	`[]`	要从中获取 Emote 和缩放比例的提供程序列表。如果未找到缩放比例，则使用 `1`。
options.defaultProvider	对象	`null`	如果没有匹配的提供程序，则使用的默认提供程序。
options.minZoom	数字	`0.3`	缩放范围的最小值。
options.maxZoom	数字	`3`	缩放范围的最大值。
options.minCacheMs	数字	`15 * 60 * 1000`（15 分钟）	缓存每个 emote 的最短时间（毫秒）。
options.maxCacheSize	数字	`200`	要缓存的 emote 的最大数量。

处理 TwitchEmotes

处理 TwitchEmotes 的主要方法是 .parse(text)。.parse() 方法的输入是要解析的文本字符串。这个方法会在文本字符串中查找 Emote（如 Twitch 表情符号）的出现，并替换它们。例如：

const text = '我喜欢这个 Twitch 表情符号：Kappa';
const parsed = twitchEmotes.parse(text);
console.log(parsed);
// 输出：'我喜欢这个 <img class="twitch-emote" src="https://cdn.betterttv.net/emote/56d6f0534088e202db8b4574/1x" alt="Kappa" />'

.parse() 方法返回一个字符串，其中 Emote 被替换为适当的图像标记。

TwitchEmotes 示例代码

-- -------------------- ---- -------
----- ------------ - -------------------------

----- ------------ - --- --------------
    ---------- -
        - ----- ------- ---- -------------------------------------------------- --
        - ----- ------ ---- -------------------------------------------------------- -
    -
---

----- ---- - ------ ------ ---------- --------------

----- ------ - -------------------------

--------------------
-- --------- ---- -------------------- ----------------------------------------------------------------- ----------- -- ---- ---- -------------------- ---------------------------------------------------- --------- ---

总结

在本文中，我们介绍了 npm 包 twitch-emotes，并提供了详细的使用教程以及示例代码。通过使用 Twitch 表情符号，你可以为你的 Twitch 应用程序增加一些趣味性。twitch-emotes 提供了丰富的选项来为你的 Twitch 应用程序定制符号集，以适应不同的用户需求。udacity-dog-bot 这个项目已经在 github 上开源了，你可以通过完整的项目代码学习如何使用 twitch-emotes 并实现一个功能强大的机器人。现在，你已经准备好为你的 Twitch 应用程序添加笑容和泪水的表情符号了！

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/600567bd81e8991b448e4013