비디오 재생 구성 및 문제 해결

마지막 업데이트: 2023-05-20
  • 주제:
  • Channels
    이 항목에 대한 자세한 내용 보기
  • Interactive
    이 항목에 대한 자세한 내용 보기
  • 작성 대상:
  • Intermediate
    Developer

DAM에 비디오를 업로드하고 채널에 추가하면 Screens 플레이어에서 비디오가 재생되지 않을 수 있는 문제가 발생할 수 있습니다.

다음 섹션에서는 채널에서 비디오가 재생되는 문제를 해결하고 디버그하는 방법에 대해 설명합니다.

DAM 표현물

비디오를 채널에 업로드하면 AEM에서 해당 비디오에 대한 일부 렌디션 만들기를 시작해야 합니다. 에셋에서 비디오를 볼 수 있습니다.

비디오를 보려면 다음 작업을 수행하십시오.

  1. 예를 들어 비디오로 이동합니다. http://localhost:4502/assets.html/content/dam/we-retail/en/videos.
  2. 비디오를 클릭하고 왼쪽 상단 메뉴를 확장한 다음 를 클릭합니다. 표현물.

다양한 렌디션(MP4 또는 M4V)이 있어야 합니다.

렌디션이 없으면 AEM이 실행 중인 OS에 ffmpeg가 설치되어 있는지 확인하십시오.

주의

렌디션이 없으면 AEM이 실행 중인 OS에 ffmpeg가 설치되어 있는지 확인하십시오.

클릭 여기 ffmpeg를 설치하려면

비디오 자산

비디오에 소스 속성이 표시되지 않으면 비디오가 트랜스 코딩되지 않았을 수 있습니다. 비디오가 제대로 코드 변환되면 아래 그림과 같이 대시보드에 표시됩니다.

ffmpeg가 설치되어 있고 비디오 프로필이 있는지 확인합니다.

chlimage_1-2

비디오 프로필 확인

  1. 다음 위치로 이동 비디오 프로필, 즉, http://localhost:4502/etc/dam/video.html 및 클릭 테스트 비디오 업로드.

    chlimage_1-3

  2. 테스트 비디오를 업로드하고 확인 코드 변환 시작

    코드 변환이 실패할 경우 ffmpeg 출력을 확장하여 ffmpeg 콘솔 출력의 오류를 모두 이해합니다.

    chlimage_1-4

    또한, 비디오 트랜스코딩이 성공적으로 수행되면 트랜스코딩된 파일을 다운로드할 수 있습니다.

    chlimage_1-5

    노트

    모든 채널에 추가하기 전에 비디오가 코드 변환(처리 대신 새로운 태그가 표시되어야 함)할 충분한 시간을 주어야 합니다.

비디오 구성 요소로 프로필 확인

비디오 구성 요소가 제대로 구성되지 않은 경우 페이지 디자인에서 프로필 목록을 확인하십시오.

  1. 채널로 이동하고 디자인 모드.

    chlimage_1-6

  2. 비디오를 선택하고 편집 대화 상자. 를 엽니다. 프로필 탭.

    노트

    다른 프로필을 선택하십시오(최소 "High Quality H.264" 프로필이 있어야 함).

웹 플레이어에서 비디오 확인

사용 웹 플레이어 http://localhost:4502/content/mobileapps/cq-screens-player/firmware.html/content/screens/we-retail/locations/demo/flagship/single/device0 를 사용하여 브라우저(Chrome 및 Safari)에서 재생의 유효성을 검사합니다. Safari가 OSX 및 iOS 브라우저인 동안 Chrome은 Android 디바이스에서 사용됩니다.

비디오가 Safari에서 실행되지 않는 경우 OSX 및 iOS 플레이어에서 실행되지 않습니다. 이는 인코딩 문제일 수 있으며 비디오를 다시 인코딩해야 합니다.

다음 단계에 따라 DAM 워크플로우를 사용하여 FullHD 표현물을 만듭니다.

  1. 다음 위치로 이동 워크플로우 모델 관리자, 즉 http://localhost:4502/libs/cq/workflow/admin/console/content/models.html/etc/workflow/models.

  2. 다음 항목 선택 화면 업데이트 자산 모델.

  3. 클릭 워크플로우 시작 작업 표시줄에서 워크플로우 실행 대화 상자.

  4. 에서 비디오 에셋 선택 페이로드.

  5. 클릭 실행.

노트

렌디션을 만드는 데 시간이 좀 걸리지만 몇 초/분 후(비디오 크기에 따라 다름) Safari에서 웹 플레이어를 다시 로드합니다.

자동 재생 정책 플래그 문제 해결

AEM Screens 플레이어가 비디오를 선택하지만 표시되지 않는 경우 자동 재생 정책 플래그 문제를 해결해야 합니다.

Google의 자동 재생 정책 플래그 문제를 해결하려면 아래 단계를 따르십시오.

  1. 다음으로 이동 chrome://flags/#autoplay-policy

  2. 변경 자동 재생 정책 출처: 기본값사용자 제스처가 필요하지 않습니다.

  3. 웹 브라우저를 다시 시작하고 플레이어 업데이트

노트

Chrome의 새로운 자동 재생 정책을 통해 유용한 사용자 경험을 위한 모범 사례에 대한 자세한 내용은 다음 문서 를 참조하십시오. 자동 재생 정책 변경 사항, 즉, https://developers.google.com/web/updates/2017/09/autoplay-policy-changes#webaudio.

여러 플레이어에서 비디오 동기화

여러 디바이스에서 동기적으로 비디오를 재생하려면 비디오가 포함된 시퀀스에 절대 전략을 사용해야 합니다.

요구 사항

  • 일란성 2+ 플레이어
  • 이상적으로 유사한 하드웨어
  • 동일한 네트워크 토폴로지(플레이어는 내부 시스템 시계를 맞추는 NTP 서버에 연결됨)

절대 전략 설정

절대 전략:

  • 앵커 시간 계산(현재 날짜의 자정)
  • 시퀀스의 기간(모든 항목의 기간 합계) 계산
  • 언제든지 sequence_remaining_time = (current_time - anchor_time) % sequence_duration 을 해결하여 현재 재생되어야 하는 항목과 다음 항목을 계산합니다.

절대 전략을 설정하려면 아래 단계를 따르십시오.

  1. 채널 작성자로 이동하여 아래 그림과 같이 시퀀스 구성 요소를 선택합니다.

  2. 구성 대화 상자를 엽니다.

  3. 편집 전략 절대 값을 추가합니다.

    chlimage_1-8

    노트

    플레이어의 OS는 시계가 같아야 합니다.

OS X에서 시계 정렬 OSX에서 시계를 맞추려면 아래 단계를 따르십시오.

  1. 열기 날짜 및 시간 각 OSX 상자의 환경 설정
  2. 확인 날짜 및 시간을 자동으로 설정
  3. 드롭다운에 값 0.pool.ntp.org, 1.pool.ntp.org, 2.pool.ntp.org, 3.pool.ntp.org, time.apple.com 을 붙여넣거나 간단히 실행합니다. sudo ntpdate -u -v 0.pool.ntp.org
  4. 2명 이상의 플레이어 시작

플레이어가 새로운 정렬된 시퀀스를 시작하기 전에 약간의 시간이 걸릴 수 있습니다.

이 페이지에서는