Google Ads, Google AdMob, AMP HTML 광고, 동영상 광고 또는 이미지 광고에서는 이 구성요소를 지원하지 않습니다.
오디오 구성요소를 사용하면 프로젝트에 오디오를 삽입할 수 있습니다.
프로젝트에 오디오 구성요소를 추가하는 방법:
- 구성요소 패널에 이어 미디어 폴더를 엽니다.
- 오디오 구성요소를 스테이지로 드래그합니다.
- 속성 패널의 오디오 속성 섹션에서 소스 입력란에 오디오 파일 URL을 입력합니다. 오디오 소스 파일이 로컬이고 지원되는 유형인 경우 입력란에서 찾아보기 버튼을 클릭하여 컴퓨터 파일 시스템에서 해당 파일을 선택합니다.
- 기본적으로 오디오는 음소거되고 사용자가 오디오의 음소거를 해제하고 재생을 제어할 수 있도록 컨트롤이 표시됩니다. 컨트롤 속성을 선택 해제하면 오디오 구성요소가 사용자에게 표시되지 않습니다.
속성
속성 | 설명 |
---|---|
이름 | 요소의 이름입니다. |
자동재생 | 선택하면 페이지가 로드될 때 오디오가 자동으로 재생됩니다. |
반복 | 선택하면 오디오가 계속 반복됩니다. |
음소거 | 선택하면 오디오가 음소거됩니다. |
컨트롤 | 선택하면 오디오 플레이어 컨트롤이 표시됩니다. |
소스 | 오디오 소스 파일 URL입니다. 다양한 형식의 여러 오디오 소스가 허용되며 쉼표로 구분됩니다. 사용자의 브라우저에서는 지원되는 형식의 소스를 사용합니다. 동적 데이터에 결합될 수 있습니다. |
이벤트와 액션
오디오 구성요소에서 전송하는 이벤트다음과 같은 오디오 구성요소 이벤트를 기반으로 다른 작업을 트리거할 수 있습니다.
이벤트 | 설명 |
---|---|
재생 | 오디오 재생이 시작될 때 전송됩니다. |
일시중지됨 | 오디오 재생이 일시중지될 때 전송됩니다. |
재생 중 | 오디오가 재생되기 시작할 때 전송됩니다(최초 재생 시, 일시중지 이후 또는 종료 및 다시 시작 후). |
종료됨 | 오디오 재생이 완료될 때 재생됩니다. |
볼륨 변경 | 오디오 볼륨을 변경할 때 전송됩니다(볼륨 설정 시 및 음소거 속성 변경 시). |
탐색 | 찾기 작업이 완료될 때 전송됩니다. |
버퍼링 | 다른 작업(예: 찾기)이 아직 완료되지 않아 요청된 작업(예: 재생)이 지연될 때 전송됩니다. |
이벤트 대화상자에서 이러한 이벤트 중 하나를 선택하려면 오디오 구성요소를 타겟으로 설정하세요.
다른 이벤트에 대한 반응으로 다음 오디오 구성요소 작업이 트리거될 수 있습니다.
- 음소거 전환
- 일시중지
- 재생
- 다시 재생
- 탐색
이벤트 대화상자에서 이러한 작업 중 하나를 선택할 때 오디오 구성요소를 수신자로 설정하세요.
이벤트 구성 방법 알아보기
미리보기
Google Web Designer 인터페이스 내에서는 이 구성요소를 미리 볼 수 없습니다. 작동 중인 구성요소를 보려면 오른쪽 상단에 있는 미리보기 버튼을 클릭하여 원하는 브라우저에서 문서를 미리 보세요.