在今天的流媒体游戏和直播行业中，Twitch 直播平台已经成为最受欢迎的平台之一。在 Twitch 上面，人们可以直播他们喜欢的视频游戏，同时与其他人互动。大量的游戏玩家和观众在 Twitch 上交流互动，形成了一个非常活跃的社交群体。
在 Twitch 社区，表情符号 emoticon 是一种非常流行的通信方式。怎么表达你的兴奋、开心或者悲伤？只需要用一个对应的表情符号就可以。如果你是一名前端开发者，如何在你的 Twitch 直播应用程序中使用这些表情符号呢？答案是使用 npm 包 twitch-emotes。
twitch-emotes 是一个 npm 包，它提供了一个可配置接口，用于在您的 Twitch 应用程序中显示 Twitch chat 中的表情符号。
安装
您可以通过 npm 将 twitch-emotes 安装到您的项目中：
--- ------- ------------- ------
使用
在您的项目中引入 twitch-emotes：
----- ------------ - -------------------------
然后，您需要创建一个 TwitchEmotes 的实例：
----- ------------ - --- --------------
-- -------
---配置 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 表情符号）的出现，并替换它们。例如：
----- ---- - ------ ------ ------------ ----- ------ - ------------------------- -------------------- -- --------- ---- -------------------- ----------------------------------------------------------------- ----------- ---
.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