[확장앱] 탭 음소거 후 아이콘 클릭으로 해제 안 되는 이유🔥

동재·2025년 3월 5일

브라우저에서 음소거(Mute) 기능은 크게 탭 음소거(Tab Mute)와 사이트 음소거(Site Mute) 두 가지로 나뉩니다.

이번에 확장앱을 개발하면서 탭 음소거 기능을 사용했는데, 생각지 못한 제약사항을 만나 기록하고자 합니다.

현재 확장앱에서는 어떤 방식으로 음소거를 적용하는지, 그리고 Chrome의 기본 설정과 연관된 제약 사항에 대해 알려드리겠습니다.

1. 브라우저의 음소거 방식

브라우저에서 제공하는 음소거 방식은 다음과 같이 두 가지가 있습니다.

📌 탭 음소거 (Tab Mute)

특정 탭의 소리를 끄는 기능입니다.

이 방식은 Chrome에서 제공하는 tabs API를 이용해 제어할 수 있습니다.

예를 들어, 다음 코드처럼 chrome.tabs.update를 사용하면 특정 탭을 음소거할 수 있습니다.

chrome.tabs.update(tab.id, {muted: true}, () => {
    if (chrome.runtime.lastError) {
        console.error(`Error muting tab ${tab.id}:`, chrome.runtime.lastError.message);
        reject(chrome.runtime.lastError);
    } else {
        resolve();
    }
});

사이트 음소거와 아이콘은 동일하지만, tabs API를 이용해 음소거할 경우 특정 설정을 하지 않았을 때 아이콘을 클릭해도 음소거가 해제되지 않습니다.

📌 사이트 음소거 (Site Mute)

특정 사이트를 음소거하는 기능입니다.

사용자는 Chrome 브라우저에서 Tab 우클릭을 통해 설정 가능하지만, Chrome 내부 동작이기 때문에 확장앱에서는 해당 설정에 접근이 제한됩니다.

따라서 확장앱에서는 tabs API를 이용해 개별 탭의 음소거를 제어해야 하며, Chrome 내부 설정에 접근할 수 없기 때문에 사이트 단위로 음소거하는 방식(Site Mute)은 지원할 수 없습니다.

2. 제약사항: 음소거 해제의 불편함

현재 확장앱에서 Tab Mute를 사용할 때 제약사항이 있습니다.

예를 들어, 확장앱을 통해 Tab Mute를 하면 기본적으로 사용자는 음소거 아이콘을 클릭해 해제할 수 없습니다.

이를 해결하려면 다음과 같은 방법을 사용해야 합니다.

✅ 해당 탭을 닫았다가 다시 여는 방법
✅ Chrome flags에서 Tab audio muting UI control 활성화 (하단 설명 참고)

즉, 브라우저가 실행 중인 상태에서 탭 음소거를 간편하게 해제하는 방법이 없어 불편함이 발생합니다.

3. `chrome://flags` 설정 변경

chrome://flags 설정을 변경하면 탭의 음소거 아이콘을 클릭해 직접 해제할 수 있도록 활성화할 수 있습니다.

Tab Audio 설정 UI 활성화 방법

주소창에 chrome://flags 입력 후 이동

"Tab audio muting UI control" 설정을 찾기

기본값(default)은 비활성화(disabled) 되어 있음

Enabled로 변경 후 Chrome 재시작

이 설정을 변경하면 탭의 음소거 아이콘을 직접 클릭해 소리를 켜고 끌 수 있지만, 기본값이 비활성화되어 있어 사용자가 직접 설정을 변경해야 합니다.

또한, 해당 설정은 Chrome 내부 정책에 따른 것이므로 확장 앱에서 자동으로 활성화할 수 없습니다.

4. 결론

Chrome에는 탭 음소거와 사이트 음소거 두 가지 방식이 있으며, 현재 확장 앱에서는 탭 음소거만 지원할 수 있습니다.

확장 앱의 한계

탭 음소거는 가능하지만, 사이트 음소거는 Chrome 내부 설정 변경이 필요해 확장 앱에서 제어할 수 없습니다.
탭 음소거를 할 경우 음소거 해제를 위해 사용자는 탭을 닫았다가 다시 열어야 합니다.
chrome://flags 설정을 변경하면 탭에서 직접 조작 가능하지만, 기본값이 비활성화되어 있으며 확장 앱에서 자동으로 활성화할 수 없습니다.