mimoLive® - 사용 설명서

일반 선택기
정확히 일치하는 항목만
제목으로 검색
콘텐츠에서 검색
게시물 유형 선택기

매뉴얼 - 목차

사용자 지정 레이어

목차

미모라이브는 새로운 레이어를 추가하여 사용자 지정할 수 있습니다. 레이어의 진정한 힘은 실제로 Quartz Composer라는 MacOS X 기술로 만들어졌다는 사실에 있습니다. 쿼츠 컴포지션으로 거의 모든 것이 가능합니다. 시청자가 참여할 수 있는 인터랙티브 TV 프로그램을 만들 수 있습니다. SMS 또는 화면에 표시되는 트위터 메시지를 입력합니다. 온라인 데이터로 주식 차트를 만들 수 있습니다. 스포츠 경기의 점수를 기록하세요. 화면에서 게임을 플레이하세요. mimoLive에 포함된 일부 레이어에서 영감을 얻을 수 있습니다. mimoLive로 작업하려면 쿼츠 컴포지션에 특정 요소가 포함되어 있어야 mimoLive와 레이어가 서로 대화할 수 있고 레이어가 mimoLive가 전송한 미디어 파일을 표시할 수 있습니다. 이론적으로는 누구나 자신만의 레이어를 만들 수 있습니다. 이 페이지에서는 쿼츠 컴포저를 사용하여 레이어를 만드는 방법을 기술적인 수준에서 설명합니다.

사용자 지정 레이어 구매

쿼츠 컴포저를 직접 다루고 싶지 않으시다면, 저희가 대신 해드리겠습니다. 저희는 주식 차트와 같은 데이터 시각화를 포함하여 mimoLive용 레이어 제작에 대한 광범위한 경험을 보유하고 있으며, 이를 활용하여 여러분에게 딱 맞는 레이어를 만들 수 있습니다. 제발 영업팀에 문의 를 참조하세요.

사용자 지정 레이어 만들기 - 시작하기

마스터클래스 mimoLive용 코딩 레이어 만들기

사전 요구 사항

mimoLive용 레이어 개발을 시작하기 전에 몇 가지 전제 조건이 있습니다:

  • mimoLive에서 레이어를 테스트하고 실행하려면 유효한 mimoLive 라이선스가 있어야 합니다.
  • Apple의 쿼츠 컴포저 애플리케이션이 설치되어 있어야 합니다. 이 애플리케이션은 Apple의 개발자 웹사이트에서 다운로드할 수 있는 무료 개발 도구입니다. 하지만 먼저 Mac 개발자로 등록해야 합니다(http://developer.apple.com). 여기에서 다음을 찾을 수 있습니다. 쿼츠 작곡가 사용 가이드 Apple에 의해.
  • 루아 패치 - mimoLive 1.9부터 쿼츠 컴포저에서 mimoLive 레이어를 열려면 Lua 패치가 필요합니다. 이 패치는 오픈 소스이며 GitHub에서 구할 수 있습니다. 쿼츠 컴포저 자바스크립트 패치는 mimoLive에서 안정적으로 실행되지 않기 때문에 이 패치를 대체로 사용합니다. (여기에서 패치를 다운로드하세요:[https://github.com/boinx/QCLua/releases )
  • JSON 패치 그리고 OAuth 패치 - 현재 트위터 레이어에서만 사용되는 사용자 지정 패치가 두 개 더 있습니다. 트위터 레이어를 사용자 지정할 때는 편집을 시작하기 전에 패치를 다운로드하여 설치해야 합니다.

빈 레이어 템플릿
무료 쿼츠 컴포지션 파일을 사용자 정의 레이어의 시작점으로 사용할 수 있습니다. 여기에는 기본 입력 및 출력 세트와 Quartz Composer의 '정보 편집' 대화 상자에서 변경해야 하는 필수 속성이 포함되어 있습니다.

레이어 템플릿 v1.0 다운로드

헬로월드 예시

첫 번째 쉬운 예시로 기본 쿼츠 컴포지션을 만들어 mimoLive에서 레이어로 사용하겠습니다.

  1. 쿼츠 컴포저 애플리케이션 시작
  2. 선택 파일 ⇢ 새 공백 를 클릭합니다. 새 빈 Quartz Composer 문서가 표시됩니다.
  3. 왼쪽 상단 모서리에 있는 버튼으로 패치 라이브러리를 엽니다. 작은 창이 열리고 모든 Quartz Composer 패치 목록이 표시됩니다.
  4. 패치 라이브러리에서 빌보드라는 이름의 패치를 찾습니다. 패치 라이브러리 창 하단의 검색 필드에 패치 이름의 앞 글자를 입력하면 빠르게 찾을 수 있습니다. 이것은 렌더링 패치입니다. 출력 화면에 이미지를 평면으로 그립니다.
  5. 라이브러리에서 빈 편집기 창으로 패치를 드래그합니다. 패치는 드래그한 위치에 고정됩니다. 클릭-드래그하여 패치를 이동할 수 있습니다. 참고: 패치에는 각 값의 왼쪽에 연결 점으로 표시된 여러 입력이 있습니다.
  6. 이제 패치 라이브러리에서 문자열 포함 이미지 패치를 찾아 편집기 창으로 끌어다 놓습니다. 빌보드 패치의 오른쪽에 배치합니다. 문자열 포함 이미지 패치는 입력 값 문자열로 지정할 수 있는 텍스트가 포함된 이미지를 생성하는 생성기 패치입니다.
  7. 문자열 포함 이미지 패치의 이미지 출력을 빌보드 패치의 이미지 입력과 연결합니다.
  8. 지금 바로 쿼츠 작곡가 뷰어가 보이지 않는다면 오른쪽 상단의 뷰어 버튼을 클릭하세요. 배경에 바둑판이 있는 창이 표시되고 그 위에 흰색 글씨로 "Hello World!"가 표시됩니다.
  9. 편집기 창으로 돌아가서 문자열 포함 이미지 패치를 마우스 오른쪽 버튼으로 클릭하면 해당 패치에 대한 컨텍스트 메뉴가 표시됩니다.
  10. 선택 입력 스플리터 삽입 ⇢ 문자열 를 클릭합니다. 입력 분할기 유형의 새 패치가 문서에 나타나며, 이 패치는 출력을 통해 문자열 포함 이미지 패치의 입력 문자열에 연결됩니다.
  11. 다시 새로 생성된 입력 스플리터를 마우스 오른쪽 버튼으로 클릭하고 게시 입력 ⇢ 입력. 텍스트 상자가 나타나서 이 게시된 입력의 이름을 입력하라는 메시지가 표시됩니다. 내 텍스트로 변경합니다. 이 게시된 입력은 mimoLive에 표시되며 mimoLive에서 레이어를 선택하면 왼쪽의 매개변수 보기에 표시됩니다.
  12. 다음을 선택하여 컴포지션 정보 시트를 엽니다. 편집기 ⇢ 정보 수정.... 키 값 쌍 목록이 있는 시트가 표시됩니다.
  13. 왼쪽 하단의 + 버튼을 클릭하여 새 키를 추가합니다. 목록에 키 이름을 묻는 새 줄이 나타납니다.
  14. tv_LayerProtocolVersion을 속성로 전환하고 클래스 옵션을 ''문자열'에서 ''숫자'로 변경하고 가치 열입니다.
  15. 를 클릭합니다. 완료 버튼을 클릭하여 시트를 닫습니다.
  16. 이 컴포지션을 Hello World.qtz라는 이름으로 데스크톱에 저장합니다.
  17. 아직 문서를 만들지 말고 mimoLive를 시작하세요.
  18. 선택 파일 ⇢ 레이어 컴포지션 가져오기... 를 클릭합니다. 파일 선택 대화 상자가 나타납니다. 이전에 데스크톱에 저장한 Hello World.qtz 파일을 선택합니다.
  19. 이제 다음을 사용하여 새 mimoLive 문서를 만듭니다. 파일 ⇢ 새.... mimoLive 템플릿 선택기가 표시됩니다.
  20. 빈 템플릿을 선택하고 오른쪽 하단에 있는 선택 버튼을 누릅니다. 컴퓨터 앞에 앉아 있는 자신을 렌더링하는 단일 Placer 레이어가 포함된 새 mimoLive 문서 창이 나타납니다.
  21. 레이어 열의 오른쪽 상단에 있는 "+" 버튼을 클릭하여 레이어 저장소를 엽니다.
  22. 방금 가져온 Hello World 레이어를 찾아 문서 중앙의 레이어 스택 상단으로 인스턴스를 끌어다 놓습니다.
  23. 내 텍스트라는 자체 정의 입력을 찾아 입력 필드의 텍스트를 변경합니다.
  24. 해당 레이어의 라이브 버튼을 클릭하면 텍스트가 동영상 위에 표시됩니다.

축하합니다! 방금 새로운 미모라이브 레이어를 만들었습니다! 다음 섹션에서는 훌륭한 mimoLive 시민이 되기 위해 필요한 사항을 자세히 알아보겠습니다.

이 문서에서 Quartz Composer 편집기 사용 방법을 모두 자세히 설명할 수는 없다는 점에 유의하시기 바랍니다. 쿼츠 작곡기에 대해 자세히 알아보려면 Apple 개발자 웹사이트에서 쿼츠 작곡기 사용 가이드를 읽어보시기 바랍니다.

mimoLive에서 레이어 처리하기

mimoLive에서 레이어 내보내기

기본 제공 mimoLive 레이어를 변경하려면 다음 단계에 따라 mimoLive에서 해당 레이어를 내보낼 수 있습니다:

  • 레이어 열의 오른쪽 상단에 있는 "+" 버튼으로 레이어 저장소를 엽니다.
  • 새 레이어의 기본으로 사용할 레이어를 찾아 선택합니다.
  • 해당 레이어를 마우스 오른쪽 버튼으로 클릭하여 컨텍스트 메뉴를 엽니다.
  • 선택 내보내기 레이어 구성... 를 클릭합니다.
  • 파일 이름을 입력하고 레이어를 저장할 위치를 설정하라는 메시지가 표시됩니다.

mimoLive에서 레이어 가져오기

사용자 지정 레이어 편집 또는 생성이 완료되면 레이어를 mimoLive로 가져와야 합니다. 레이어를 mimoLive로 가져오는 방법에는 여러 가지가 있습니다:

파일 메뉴를 사용하여 레이어 가져오기
  • 파일 선택 ⇢ 레이어 컴포지션 가져오기....
  • 파일 선택 대화 상자가 표시됩니다.
  • 쿼츠컴포지션 파일을 선택하고 "가져오기"를 누르세요.
파일 이름 확장자 ".tvlayer"를 사용하여 레이어 가져오기

이 기술은 사용자 지정 레이어를 수동으로 가져오는 데 익숙하지 않은 다른 mimoLive 사용자(예: 클라이언트)에게 사용자 지정 레이어를 전송할 때 유용합니다. 하지만 개발 중에는 파일 확장자를 변경할 때 QuartzComposer가 파일을 열지 않기 때문에 그다지 편리하지는 않습니다.

  • Finder에서 작품을 찾습니다.
  • 파일 이름을 한 번 클릭하면 파일 이름을 변경할 수 있습니다. 파일 이름 주위의 상자는 파일 이름을 변경하려는 중임을 나타냅니다.
  • 끝에 .tvlayer 확장자를 추가하고 Return 키를 누릅니다. Finder에서 확장자를 정말 변경할 것인지 묻는 메시지가 표시됩니다. 수락하세요.
  • 컴포지션 파일을 더블 클릭합니다. 이제 mimoLive가 파일을 자동으로 열고 새 레이어로 가져옵니다. 성공하면 알림을 통해 알려줍니다.

사용자 지정 레이어 API

미모라이브는 쿼츠 컴포지션이 쿼츠 컴포지션의 사용자 지정 레이어 API. 이 섹션에서는 최소한의 구현 방법을 배웁니다.

최소한의 구현

레이어 프로토콜의 최소 구현에는 쿼츠 컴포지션 프로퍼티만 포함되며, 쿼츠 컴포저 에디터에서 다음을 선택하여 편집할 수 있습니다. 편집기 ⇢ 정보 수정(⌥⌘I).

이름유형샘플 값
tv_LayerProtocolVersion숫자(실수)1.2
tv_LayerIdentifier문자열com.example.layer.mylayer
tv_LayerVersion숫자(실수)1.01

레이어 버전 충돌을 처리하려면 mimoLive에서 이러한 값이 어떻게 사용되는지 알아야 합니다.

  • tv_LayerProtocolVersion: 레이어 프로토콜을 변경할 때마다 레이어 프로토콜 버전이 증가합니다. 이를 통해 이전 mimoLive 버전은 최신 프로토콜 버전을 사용하는 레이어(예: mimoLive 문서에 저장된 레이어)가 사용되어 mimoLive에서 올바르게 처리되지 않을 수 있는 경우 사용자에게 알릴 수 있습니다.
  • tv_LayerIdentifier: 이 값은 각 레이어에 고유한 값이어야 합니다. 레이어 앞에는 com.boinx.layer.* 접두사가 붙습니다. 전 세계에서 고유한 식별자를 갖기 위해 고유한 체계를 사용하세요. 미모라이브는 레이어를 비교할 때 파일 이름을 사용하지 않는다는 점에 유의하세요!
  • tv_LayerVersion: 문서에 저장된 레이어와 레이어 저장소에 설치된 레이어의 레이어 버전이 다른 경우, mimoLive는 다음 규칙을 사용하여 수행할 작업을 결정합니다:
    - 문서 레이어 버전이 리포지토리보다 높은 경우: 문서 버전을 유지합니다.
    - 문서 레이어 버전이 리포지토리보다 작지만 메이저 번호가 같은 경우(예: 2.4 대 2.6) 문서 레이어를 새 버전으로 교체합니다.
    레이어 버전 메이저 번호가 다르면 mimoLive는 해당 레이어를 호환되지 않는 대체 레이어로 취급하고 문서 레이어를 업데이트하지 않습니다!

공통 속성 추가

  • 저작권:
  • 설명:
  • 이름:
  • tv_태그라인:

피드백

mimoLive®의 이 기능에 대한 경험은 어떻게 평가하시나요?

이메일 뉴스레터

한국어

연중무휴 라이브 Zoom® 데모 참여하기

*필수

다음에서 콘텐츠를 로드해야 합니다. 재캡차 를 클릭하여 양식을 제출하세요. 이렇게 하면 타사 제공업체와 데이터가 공유된다는 점에 유의하세요.

자세한 정보