๐ View wrapper docs,
๐ View official twitch docs
npm i @anivire/twitch-embed-ts
# or
yarn add @anivire/twitch-embed-ts
Be sure to add the official Twitch Embed or Player script to your index.html
first:
<script src="https://embed.twitch.tv/embed/v1.js"></script>
<!-- OR / AND -->
<script src="https://player.twitch.tv/embed/v1.js"></script>
TwitchEmbed
allows you to embed anything, including a player and/or chat. It also contains a TwitchPlayer
, which can be interacted by calling embed.getPlayer()
:
const embed = new TwitchEmbed(
'twitch-embed',
options: {
width: '1280',
height: '720',
channel: 'anivire_',
parent: ['anivire.xyz']
});
-
First argument
TwitchEmbed
is the identifier for the<div>
in which the Twitch player will be embedded as a<iframe>
. -
Second argument is an object with player settings, which include parameters width, player height, and channel / video / collection, where channel has highest priority, meaning if both channel and video are specified, only channel (live) will be used.
TwitchPlayer
allows you to embed only player, without chat:
const player = new TwitchPlayer(
'twitch-player',
options: {
width: '1280',
height: '720',
video: '2064229582',
parent: ['anivire.xyz']
});
All other info provided on wrapper docs.