[](https://badge.fury.io/js/youtube-chat)   [
`
- Typescript
`typescript
import { LiveChat } from "youtube-chat"
`
3. Create instance with ChannelID or LiveID
`javascript
// If channelId is specified, liveId in the current stream is automatically acquired.
// Recommended
const liveChat = new LiveChat({channelId: "CHANNEL_ID_HERE"})
// Or specify LiveID in Stream manually.
const liveChat = new LiveChat({liveId: "LIVE_ID_HERE"})
`
4. Add events
`typescript
// Emit at start of observation chat.
// liveId: string
liveChat.on("start", (liveId) => {
/ Your code here! /
})
// Emit at end of observation chat.
// reason: string?
liveChat.on("end", (reason) => {
/ Your code here! /
})
// Emit at receive chat.
// chat: ChatItem
liveChat.on("chat", (chatItem) => {
/ Your code here! /
})
// Emit when an error occurs
// err: Error or any
liveChat.on("error", (err) => {
/ Your code here! /
})
`
5. Start
`typescript
// Start fetch loop
const ok = await liveChat.start()
if (!ok) {
console.log("Failed to start, check emitted error")
}
`
6. Stop loop
`typescript
liveChat.stop()
`Types
$3
`typescript
interface ChatItem {
author: {
name: string
thumbnail?: ImageItem
channelId: string
badge?: {
thumbnail: ImageItem
label: string
}
}
message: MessageItem[]
superchat?: {
amount: string
color: string
sticker?: ImageItem
}
isMembership: boolean
isVerified: boolean
isOwner: boolean
isModerator: boolean
timestamp: Date
}
`$3
`typescript
type MessageItem = { text: string } | EmojiItem
`$3
`typescript
interface ImageItem {
url: string
alt: string
}
`$3
`typescript
interface EmojiItem extends ImageItem {
emojiText: string
isCustomEmoji: boolean
}
``Thank you!š