Overlay
Title Text와 Artist Text 두 문자열을 내부 WebView에서 HTML로 렌더링해 영상으로 내보내는 노드입니다. Shazam이나 LipSync의 출력을 연결해서 지금 흐르고 있는 곡명을 표시하는 용도를 상정한 구성입니다.
겉모습은 컨트롤 UI의 Custom CSS로 통째로 바꿀 수 있습니다. HTML 구조는 .container 안에 .title과 .artist 두 개의 div가 들어가기만 하는 고정된 형태이며, 기본 CSS는 검은 배경에 흰 글씨입니다(제목 72px 굵게, 아티스트 48px). ‘Reset CSS to Default’로 기본값으로 되돌릴 수 있습니다.
- 출력은 글로벌 해상도의 RenderTexture입니다
- 문자열은 HTML 이스케이프된 뒤에 삽입됩니다
이 노드는 공식 플러그인 Web Modules의 라이선스가 필요합니다. 라이선스가 없는 상태에서 추가하면 구매 페이지를 열지 묻는 대화상자가 뜨고, 노드는 삭제됩니다.
배경은 투명해지지 않습니다. 기본 CSS가 검은 배경인 데다, 렌더링용 카메라도 검은색으로 지우기 때문입니다.
입력 포트
| Port ID | 타입 |
|---|---|
Title Text | string |
Artist Text | string |
출력 포트
| Port ID | 타입 |
|---|---|
Render Texture | RenderTexture |
스크립트에서 설정할 수 있는 멤버
| 경로 | 타입 |
|---|---|
titleInput | string |
artistInput | string |
title | string |
artist | string |
customCSS | string |
Synapse Apps (스크립팅)
await synapse.modules.create({ type: "TextOverlay" })
