Используя событие onscroll проверить, на сколько пикселей прокрутили страницу и в зависимости от этого включать воспроизведение: learn.javascript.ru/onscroll

Как дейтераноп могу сказать что ни разу подобного не видел ¯\_(ツ)_/¯ Для людей с отклонениями восприятия цветов есть обычно просто предлагают другую цветовую гамму интерфейса. В Slack есть тема специально для дальтоников.
Если речь идёт об IT дальтониках, то я бы понял #FF0000 #00FF00 и #0000FF :D

Тут есть ответ learn.javascript.ru/object-reference

Обычные значения: строки, числа, булевы значения, null/undefined при присваивании переменных копируются целиком или, как говорят, «по значению».

С объектами – всё не так.

В переменной, которой присвоен объект, хранится не сам объект, а «адрес его места в памяти», иными словами – «ссылка» на него.

На странице с примерами и графикой будет понятнее