ProPresenter 연동

ProPresenter 7에서 OmniWord 자막을 표시하는 두 가지 지원 경로입니다. 의도적으로 둘 다 쓰지 않는 한 룸당 하나만 사용하세요.

경로	적합한 경우	설정 위치
ProPresenter Direct	ProPresenter Message 템플릿({Lang1} / {Lang2})에 자막을 넣을 때, 또는 ProPresenter를 macOS에서 운영할 때	Account → Settings → Screens & Broadcast
Prop Web Object	Windows에서 OBS Browser Source처럼 투명 웹페이지 Prop을 선호할 때	Account → Settings → Screens & Broadcast → Web Overlay URL

macOS — Prop 미지원

Prop Web Object는 macOS에서 안정적으로 동작하지 않습니다(ProPresenter 웹 레이어가 실시간 자막을 갱신하지 못하는 경우가 많음). Mac에서 ProPresenter를 운영할 때는 **ProPresenter Direct**만 사용하세요. Prop은 Windows에서만 선택지로 둡니다.

언어 선택이나 Screens & Broadcast를 아직 열지 않았다면 현장 자막 개요부터 시작하세요.

---

ProPresenter Direct

OmniWord는 운영자 브라우저에서 같은 컴퓨터의 ProPresenter로 로컬 Message API(http://127.0.0.1)를 통해 자막을 보냅니다. OmniWord 서버는 ProPresenter에 직접 연결하지 않습니다.

요구 사항

• ProPresenter가 실행 중인 바로 그 PC에서 OmniWord Live(운영자) 페이지를 엽니다
• ProPresenter Network / Message API 활성화(포트 확인 — 보통 50001)
• 토큰 이름이 정확히 Lang1, **Lang2**인 Message 템플릿 하나(대소문자 구분)

Lang1은 Live Translation 1, Lang2는 Live Translation 2를 받습니다. 글꼴·색·위치는 ProPresenter Message 템플릿에서만 설정합니다 — OmniWord는 토큰 텍스트만 채웁니다.

ProPresenter에서 설정

OmniWord를 연결하기 전에 ProPresenter PC에서 한 번 해 둡니다.

1. Network / Message API 켜기

1. ProPresenter → Preferences를 엽니다(Windows: File → Preferences, macOS: ProPresenter → Settings).
2. Network 탭을 엽니다.
3. Network / Enable Network Link를 켭니다(ProPresenter 7 빌드마다 문구가 다를 수 있음).
4. Port를 기록합니다(흔히 50001 — ProPresenter에 표시된 값을 사용).
5. 적용/확인 후, 요청되면 ProPresenter를 다시 시작합니다.

2. Message 만들기

1. Messages 창을 엽니다(도구 모음 Messages, 또는 View → Messages).
2. + / Add로 새 Message를 만듭니다.
3. 나중에 OmniWord에 입력할 표시 이름을 정합니다 — 예: Live Translator 또는 OmniWord.
4. 이 이름을 기억해 두세요. Screens & Broadcast는 정확한 Message 이름(또는 UUID)으로 매칭합니다.

3. 텍스트 박스와 토큰 추가

1. Message 편집기에서 Text 객체를 추가합니다(또는 기본 텍스트 상자를 편집).
2. 자막이 나올 위치(보통 하단 로어서드)에 텍스트를 둡니다.
3. 이름이 정확히 **Lang1**인 토큰을 삽입합니다(대소문자 구분). 템플릿에는 보통 {Lang1}로 보입니다.
4. 두 번째 화면 언어는 Text 객체를 하나 더 추가하고 이름이 정확히 **Lang2**인 토큰 → {Lang2}를 넣습니다.
5. lang1, Language1, OmniWord1 등으로 이름을 바꾸지 마세요. OmniWord는 Lang1, **Lang2**에만 씁니다.

Message 하나, 토큰 둘

{Lang1}과 {Lang2} 텍스트 박스를 하나의 Message에 넣으세요. OmniWord는 한 번의 트리거로 두 토큰을 채웁니다. Target 1 / Target 2용 Message를 따로 만들 필요는 없습니다.

4. Message 스타일

Message 편집기 / Inspector에서 글꼴, 크기, 색, 정렬, 그림자를 관객 화면에 맞게 설정합니다. OmniWord는 스타일을 바꾸지 않고 토큰 텍스트만 실시간으로 갱신합니다.

5. ProPresenter에서 스모크 테스트

1. Messages UI에서 Message를 표시(트리거)합니다.
2. Look / 관객 화면에서 {Lang1}(및 {Lang2})이 올바른 위치에 보이는지 확인합니다.
3. 테스트가 끝나면 Message를 지웁니다(Clear).

Message 이름·포트·토큰이 준비되면 OmniWord를 연결합니다.

OmniWord에서 설정

1. Account → Settings → Screens & Broadcast로 이동합니다.
2. 사용할 서비스의 Select Room을 고릅니다.
3. ProPresenter Direct에서 Local ProPresenter API를 켭니다.
4. Port를 ProPresenter와 맞춥니다(기본 50001). Host는 항상 127.0.0.1입니다.
5. 위에서 만든 Message 표시 이름(예: Live Translator) 또는 UUID를 입력합니다.
6. Test를 클릭합니다 — 연결되고 {Lang1} / {Lang2}에 샘플 자막을 보낼 수 있습니다.
7. Save를 클릭합니다.

같은 컴퓨터 필수

브라우저 보안상 HTTPS 페이지는 http://127.0.0.1로만 호출할 수 있습니다. 운영자가 ProPresenter와 다른 기기에서 OmniWord를 열면 Direct는 실패합니다 — 운영자 브라우저를 ProPresenter가 있는 컴퓨터로 옮기세요. Windows에서만 대안으로 Prop Web Object를 쓸 수 있습니다. macOS에서는 Direct를 유지하고 같은 Mac에서 운영자 브라우저를 여세요.

주일 아침

1. Network가 켜진 상태로 ProPresenter를 실행하고 OmniWord용 Message를 준비합니다.
2. Live에서 Start translation 전에 Live Translation 언어를 설정합니다.
3. ProPresenter Direct 상태가 Target 1 / Target 2에 대해 ready인지 확인합니다.
4. 번역을 시작하면 자막이 {Lang1} / {Lang2}로 전송됩니다.
5. 다른 ProPresenter Message처럼 관객 화면에 Message를 표시하거나 지웁니다.

설정은 룸별입니다. 캠퍼스 A와 B는 서로 다른 포트나 Message 템플릿을 쓸 수 있습니다.

---

Prop Web Object

Windows 전용

이 경로는 Windows ProPresenter용입니다. macOS에서는 이 섹션을 건너뛰고 ProPresenter Direct를 사용하세요.

오버레이를 재사용 가능한 Prop에 두면 모든 슬라이드 위에 자막이 표시됩니다. 버튼과 레이블은 ProPresenter 7 Props 트레이와 일치합니다 — 빌드에 따라 UI 문구가 다를 수 있으니 조정하세요.

각 Target URL은 Account → Settings → Screens & Broadcast → Web Overlay URL에서 복사합니다(Live가 아님).

1. Props library → Add Prop

Libraries 열 옆 좁은 미디어 도구 모음의 Props 아이콘(세 개의 겹친 사각형)을 클릭하고, 컬렉션(Default Collection, 오버레이를 분리하지 않는 한)을 선택한 다음, 중앙의 큰 + · Add Prop 칩을 눌러 투명 셸을 만듭니다.

스크린샷: Props 탭 활성(파란 도구 모음 아이콘) · 큰 + 컨트롤을 탭하여 빈 prop 썸네일 생성.

2. Prop 편집

반투명 체커보드 썸네일을 선택한 상태에서 연필(Edit)을 탭하여 Prop 편집기 캔버스 + Inspector를 엽니다.

스크린샷: 작은 체커보드 썸네일 = 레이아웃 대기 중인 빈 prop; 연필로 작성 화면을 엽니다.

3. Web 객체 삽입

Inspector 창에서 Prop 이름을 지정합니다(예: LiveTranslator / OmniWord). 캔버스 위 인셋 도구 모음에서 지구본 아이콘(Web Object)을 탭하여 Prop에 웹페이지 레이어를 삽입합니다.

스크린샷: 지구본이 HTML 레이어를 삽입합니다 — 다음 단계에서 자막 영역에 배치합니다.

4. 자막 영역에 배치

웹 객체를 캔버스 전체에 늘릴 필요는 없습니다. 흰색 핸들을 드래그하여 자막을 원하는 영역만 덮도록 합니다 — 보통 슬라이드 하단의 lower-third 영역입니다. 자막은 해당 상자 하단에 고정되므로 영역 크기만 조정하면 됩니다.

스크린샷: 자막이 표시될 영역에만 웹 객체를 배치; 자막은 해당 영역 하단에 정렬됩니다.

5. URL 붙여넣기 + Fill ▸ Web 조정

Objects 목록에서 Web 객체를 선택한 상태로 유지(Web 강조 표시). Inspector → Shape ▸ Fill ▸ Web → Screens & Broadcast에서 복사한 HTTPS Target 링크를 붙여넣습니다(크기 조정 전후 모두 가능 — 경계 상자가 방송 화면에서 픽셀이 표시되는 위치를 제어합니다).

스크린샷: Fill에서 Web 하위 유형 활성화; ProPresenter가 호스트명을 잘라내면 OmniWord URL이 /overlay 매개변수만 표시될 수 있음 — PP가 필드를 잘라낸 경우 클립보드 복사본으로 덮어쓰세요.

6. 두 번째 화면 언어

두 개의 오버레이 언어를 동시에 표시할 수 있습니다 — 예를 들어 lower-third에 영어, 상단에 일본어. Live에서 실시간 번역 1과 실시간 번역 2를 모두 선택합니다. Screens & Broadcast에서 Target 1과 Target 2를 각각 복사합니다. ProPresenter에서 Prop의 다른 영역에 두 번째 웹 객체를 추가합니다. 각 URL의 lang= 매개변수가 해당 위치에 표시될 언어를 선택합니다.

스크린샷: 하나의 Prop에 두 개의 웹 객체, 각각 자막 영역에 맞게 크기 조정되고 Screens & Broadcast의 서로 다른 lang= 오버레이 링크로 채워짐.

주일 아침

다른 방송 레이어와 함께 이 Prop을 활성화하거나 해제하여 각 예배 슬라이드를 개별 편집하지 않고도 번역을 동기화 상태로 유지합니다.