분기 경험 만들기

이 항목에서는 분기 환경을 만드는 방법을 배웁니다.

분기 경험을 사용하면 여러 비디오를 신속하게 연결하고 시청자가 비디오에서 비디오로 이동할 수 있는 주석을 추가할 수 있습니다. 이것은 시청자를 위한 "자신의 모험 선택" 유형 경험을 생성합니다.

Branching Experience 편집기는 편집 프로세스를 획기적으로 간소화하여 작업 시간을 몇 시간에서 몇 분으로 단축하고 모든 플랜에서 즉시 사용할 수 있습니다.

작업 샘플

다음 비디오는 분기 경험의 예입니다. 첫 번째 비디오("메인 메뉴")는 선택 항목을 클릭할 때까지 반복됩니다. 텍스트를 클릭하면 해당 비디오로 분기됩니다. 비디오가 완료되면 시간 트리거 작업이 첫 번째 "메인 메뉴" 비디오의 6초 지점으로 다시 이동합니다.

새로운 경험 만들기

새 분기 경험을 만들려면 다음 단계를 따르십시오.

  1. Brightcove Interactivity Studio에 로그인합니다.
  2. 왼쪽 탐색에서 관리 를 클릭합니다.
  3. 페이지 상단에서 경험 을 클릭합니다.
  4. 새 경험을 클릭합니다 .
  5. 경험의 이름을 입력합니다.
  6. 경험 유형 목록에서브랜칭을 클릭합니다 .
  7. 다음을 클릭합니다 .
  8. 동영상을 선택하세요. 4가지 옵션이 있습니다.
    • 샘플 비디오 - 샘플 비디오 사용
    • URL 또는 EMBED CODE - 비디오의 임베드 코드 또는 URL을 입력하십시오.
    • 업로드 - 드래그 앤 드롭 또는 새 비디오 선택(.mp4 파일이어야 함)
    • 기존 선택 - 기존 프로젝트 선택
  9. 새 경험 확인 대화 상자가 표시됩니다. 더 많은 프로젝트를 추가하려면 추가를 클릭하십시오.
  10. 생성을 클릭합니다 . 첫 번째로 선택한 비디오가 표시된 상태로 상호 작용 편집기가 열립니다. 경험의 모든 비디오는 미리보기 플레이어 아래에 표시됩니다.

더 많은 프로젝트를 추가하려면 ADD PROJECT를 클릭합니다. 비디오 순서를 변경하려면 비디오를 클릭하고 새 위치로 드래그하십시오. 동영상을 수정하려면 동영상 위로 마우스를 가져간 다음 수정 을 클릭합니다.

체험에서 동영상을 제거하려면 동영상을 마우스로 가리키고 삭제 ( ) 를 클릭합니다.

 

주석 추가

일반적으로 텍스트, 이미지 또는 투명 오버레이가 "메인 메뉴" 비디오에 추가되어 시청자가 비디오에서 비디오로 분기할 수 있습니다.

  1. 각 "선택 지점"에 대해 텍스트, 이미지 또는 투명 오버레이 주석을 추가합니다. 이것은 시청자가 다른 비디오로 이동하기 위해 클릭하는 것입니다. 각 주석의 시작 시간과 기간이 동일한지 확인하세요.
  2. 링크 클릭 > 행위 > 비디오로 분기 하고 연결할 비디오를 선택합니다.
  3. 비디오의 특정 지점으로 이동하려면 시간을 입력하십시오. 시간을 입력하지 않으면 대상 비디오의 시작 부분으로 이동합니다.
  4. 제출 을 클릭합니다.
  5. 선택 주석 중 하나에서 링크를 설정합니다. > 행동 > 시청자가 루프백을 클릭하지 않는 경우 취할 조치입니다.
    이렇게 하면 선택 항목 중 하나를 클릭할 때까지 비디오가 반복 재생되고 비디오의 "주 메뉴" 부분이 표시됩니다.
  6. 각 분기의 끝에 시간 트리거 동작을 추가하고 분기를 비디오 시간으로 설정하여 적절한 위치로 이동합니다. 이 예에서 이벤트는 6초 지점에서 "인트로" 비디오로 다시 분기하도록 설정됩니다.

경험 공유

경험을 공유하면 경험에 대한 임베드 코드 또는 미리보기 URL이 생성됩니다. 경험을 공유하려면 다음 단계를 따르세요.

  1. 페이지 오른쪽 상단의 공유를 클릭합니다.
  2. 공유 유형을 선택합니다.
    • 임베드 전용 - 기존 웹 페이지에 배치할 임베드 코드 생성
    • 랜딩 페이지 - 경험을 호스팅할 랜딩 페이지 만들기
  3. 네이티브 컨트롤을 사용하시겠습니까? 옵션을 선택합니다. 아니요를 선택하면 플레이어에 HapYak 컨트롤이 표시됩니다. 예를 선택하면 게시 중인 비디오 유형에 따라 기본 컨트롤이 표시됩니다. 예를 들어 Brightcove 비디오를 사용하는 경우 플레이어는 Brightcove Player 기본 컨트롤을 표시합니다(플레이어는 일반 Brightcove Player처럼 보입니다).
  4. COPY를 선택하여 임베드 코드 또는 링크를 복사하거나 보기를 클릭하여 다른 브라우저 탭에서 환경 미리보기를 엽니다.

환경 설정 구성

환경 설정을 구성하려면 페이지 오른쪽 상단의 설정을 클릭하세요. 다음 설정을 사용할 수 있습니다.

  • 자동 진행 - 이전 비디오가 끝나면 재생 목록의 다음 비디오로 자동으로 진행됩니다.
  • 자동 재생 - 시청자가 클릭하거나 자동으로 진행할 때 재생 목록의 각 비디오를 자동으로 재생합니다.
  • 사용자 지정 CSS(URL) - 전체 환경에 사용자 지정 스타일을 적용하는 데 사용됩니다. 자세한 내용은 주석 스타일 지정 을 참조하십시오.
    • 뷰어에서 프로젝트 제목을 숨기려면 사용자 정의 CSS(URL) 필드에 다음을 추가하십시오. //hapyak_demos.s3.amazonaws.com/css/hideExperienceTitles.css
  • 소셜 공유 - 소셜 공유 아이콘이 페이지 상단에 표시됩니다. 표시할 소셜 아이콘을 선택하고 선택적 메시지를 추가합니다.
  • 브랜딩 - 랜딩 페이지에 머리글 또는 바닥글을 추가합니다. 여기에 HTML 코드를 직접 포함합니다.