Почему js код работает только на jsfiddle?

Question

[Алексей Коновалов]

Всем привет. Подскажите, почему в jsfiddle рабоатет вот этот код: https://jsfiddle.net/04fyoque/1/
А если вставить его на обычную страницу - не работает: https://med-php.by/test.php

Конечная цель - заставить воспроизвестись текст после загрузки страницы.

const utterance = new SpeechSynthesisUtterance('Добрый день!');

const cat = new CustomEvent('anif', {
  detail: {name: 'cat'}
});

document.addEventListener('anif', function(){
	window.speechSynthesis.speak(utterance);
})

document.dispatchEvent(cat);

Comments

[Сергей Соколов]

вероятно, в фиддле загружаются внешние библиотеки, которые «потерялись» при копипасте в сайт?

[Stalker_RED]

Сергей Соколов, да нет там никаких внешних библиотек.
SpeechSynthesisUtterance встроен в браузеры.

[Александр]

Открыл страницу - всё работает.

Answer 1

[wonderingpeanut]

Заверни этот код в IIFE

(function () {
  // code here
})();

либо выполняй код при загрузке страницы

window.addEventListener('load', function() {
  // code here
});

Comments

[Алексей Коновалов]

Не помогло

[wonderingpeanut]

Алексей Коновалов, значит в онлоад ивент заверни ('load' или 'DOMContentLoaded')

[Алексей Коновалов]

wonderingpeanut, то же самое, тишина. Я пробовал и раньше и сейчас на всякий случай так же проверил

[wonderingpeanut]

Алексей Коновалов, нужно разрешение на воспроизведение звука в браузере настроить. Как только включил его, заработало.

[Алексей Коновалов]

wonderingpeanut, Да и у меня заработало. Но ведь пользователю я не объясню чтобы он покопался в настройках. Может можно как-то автоматически сделать?

[imko]

Алексей Коновалов, если и сможешь закостылить то будет вирусное поведение

[wonderingpeanut]

Алексей Коновалов, этот вопрос задавался не раз, погугли