[콘텐츠로 건너뛰기]

YouTube 및 HTML5 동영상용 음악 시각화 도구

실시간 Blocks, Frequency, Music Tunnel 효과로 음악의 움직임을 보세요

음악 시각화 도구는 오디오 신호에서 애니메이션 도형을 그리는 실시간 그래픽 효과입니다: 소리에 맞춰 리듬감 있게 움직이는 막대, 파형 또는 터널. 무료 Turn Off the Lights 확장 프로그램은 모든 HTML5 동영상 플레이어 위에 이를 직접 렌더링합니다: YouTube 뮤직 비디오, Vimeo 콘서트 또는 팟캐스트 플레이어가 별도의 앱 설치 없이 생생한 조명 쇼를 얻습니다.

YouTube 페이지의 오디오 시각화 블록
YouTube 페이지의 오디오 시각화 블록

세 가지 시각화 스타일

오디오 시각화 기능은 브라우저의 Web Audio API AnalyserNode를 통해 동영상의 소리를 듣고 동영상 위의 캔버스 레이어에 결과를 그립니다. 옵션 페이지에서 스타일을 선택합니다:

각 스타일의 배경 불투명도는 조절 가능하므로 효과는 동영상 위의 미묘한 글로우이거나 플레이어를 채우는 대담한 표시가 될 수 있습니다. 시각화는 동영상 속도 컨트롤러와 동영상 줌과 같은 동영상 도구 모음의 버튼이므로, 페이지를 떠나지 않고 한 곡에서는 켜고 다음 곡에서는 끌 수 있습니다. Picture-in-Picture 플로팅 동영상에서도 작동하여 음악 시각화가 자체 미니 플레이어에서 계속 재생됩니다.

오디오 시각화 활성화 방법

  1. Chrome, Firefox, Edge, Opera, Safari 또는 좋아하는 브라우저용 무료 Turn Off the Lights 확장 프로그램을 설치하세요.
  2. 브라우저 도구 모음의 회색 램프 버튼을 마우스 오른쪽 버튼으로 클릭하고 옵션을 선택하세요.
  3. 고급 옵션 탭을 열고 동영상 도구 모음 섹션을 찾아 동영상 도구 모음을 활성화하세요.
  4. 모든 HTML5 동영상을 재생하세요: 선택한 오디오 시각화가 플레이어 위에 라이브 오버레이로 나타나 소리에 실시간으로 반응합니다.

작동하는 곳

오디오 시각화는 표준 HTML5 동영상 플레이어에서 작동하므로 YouTube, YouTube Music, Vimeo, Dailymotion 및 브라우저에서 HTML5 동영상이나 오디오를 재생하는 대부분의 사이트에서 작동합니다. 프레임 주위에 빛을 발산하는 Atmosphere Lighting과 결합하여 완전한 앰비언트 설정을 만들고, 완전한 Turn Off the Lights 경험을 위해 램프 버튼으로 페이지의 나머지를 어둡게 하세요.

자주 묻는 질문

음악 시각화 도구란 무엇인가요?

음악 시각화 도구는 오디오 신호에서 애니메이션 도형을 그리는 실시간 그래픽 효과로, 소리에 맞춰 리듬감 있게 움직이는 막대, 파형 또는 터널 등이 있습니다. Turn Off the Lights는 브라우저의 모든 HTML5 동영상 위에 이를 직접 렌더링합니다.

어떤 시각화 스타일을 선택할 수 있나요?

세 가지 내장 스타일이 있습니다: Blocks — 비트에 맞춰 자라는 다채로운 블록; Frequency — 실시간 오디오 주파수 스펙트럼; Music Tunnel — 음악에 맞춰 맥박 치는 회전 터널. 오버레이의 불투명도도 조절할 수 있습니다.

오디오 시각화가 YouTube와 YouTube Music에서 작동하나요?

네. 표준 HTML5 동영상 플레이어에서 작동하므로 YouTube, YouTube Music, Vimeo, Dailymotion 및 브라우저에서 HTML5 동영상이나 오디오를 재생하는 대부분의 사이트에서 작동합니다.

오디오 시각화는 무료인가요?

네. 인앱 구매나 구독 없이 무료 오픈 소스 Turn Off the Lights 브라우저 확장 프로그램에 포함되어 있으며 Chrome, Firefox, Edge, Opera, Safari 및 지원되는 다른 브라우저에서 사용할 수 있습니다. 코드는 GitHub에서 직접 읽을 수 있습니다.

당신과 같은 동영상 애호가를 위해 만들어진, 브라우징과 동영상을 제어하는 궁극의 브라우저 도구. 오늘 Turn Off the Lights를 다운로드하고 음악이 살아나는 것을 보세요.