Звук при появлении нового сообщения в чате стрима YouTube

[123456]

Доброго времени суток, уважаемые специалисты.

Вот в этом теге

<div id="items" class="style-scope yt-live-chat-item-list-renderer" style="transform: translateY(0px);">

При появлении нового сообщения появляется вот этот тег и там указывается сообщение.

<yt-live-chat-text-message-renderer class="style-scope yt-live-chat-item-list-renderer" modern="" id="xxxxx" whole-message-clickable="yyyyyy" has-inline-action-buttons="" author-is-owner="" author-type="owner">

Как добавить звук при появлении тега с новым сообщением?
И ещё чтобы звук воспроизводился лишь при наличии галочки в чекбоксе. (её я добавлю посредством того же UserJS в окно чата)

[roland]

123456, создать экземпляр MutationObserver. В метод "observe" в качестве аргумента "target" передать элемент #items. В callback, который передаётся в конструктор MutationObserver, сверять список мутаций с элементом "yt-live-chat-text-message-renderer". При совпадении в инструкции if делать проверку на checkbox.checked. Если условие истинно, проигрывать звук через new Audio.

MutationObserver (MDN)
HTMLAudioElement (MDN)