tencent cloud

PrevNext

피드백

키워드를 검색하세요

Recent Pages

문서
Tencent Real-Time Communication
    문서
    Download PDF

    Web

    마지막 업데이트 시간:2024-07-23 17:41:08
    PDF 다운로드
      본문은 TUICallKit의 UI를 사용자 정의하는 방법을 설명하고 사용자 정의를 위한 두 가지 방식(약간의 UI 조정 및 사용자 정의 UI 구현)을 제공합니다.

      방법1: 약간의 UI 조정

      Github의 Web/ 폴더에 있는 UI 소스 코드를 직접 수정하여 TUICallKit의 UI를 조정할 수 있습니다.

      아이콘 교체

      src/icons 폴더의 아이콘을 직접 교체하여 애플리케이션에 있는 모든 아이콘의 색조와 스타일을 사용자 지정할 수 있습니다. 아이콘을 바꿀 때 파일 이름이 원래 아이콘과 동일한지 확인하십시오. 아이콘을 미리 보려면 src/assets로 이동하십시오.
      img
      

      UI 레이아웃 조정

      src/components/ 폴더에서 UI를 수정하여 음성/영상 통화 UI를 수정할 수 있습니다.
      - components/
          - Calling-C2CVideo.vue          일대일 영상 통화
          - Calling-Group.Vue             그룹 음성/영상 통화
          - ControlPanel.vue              제어판
          - ControlPanelItem.vue          제어판 항목
          - Dialing.vue                   발신 UI, 착신 UI, 일대일 음성통화 UI
          - MicrophoneIcon.vue            볼륨 레벨의 변화를 표시할 수 있는 마이크 Icon
          - TUICallKit.vue                전체 TUICallKit 컴포넌트

      양식 수정

      양식 파일은 src/style.css입니다. 원하는 UI 양식을 구현하도록 조정할 수 있습니다.

      방법2: 사용자 정의 UI 구현

      TUICallKit의 전체 호출 기능은 UI가 없는 SDK TUICallEngine을 기반으로 구현됩니다. 전적으로 TUICallEngine을 기반으로 자신만의 UI를 구현할 수 있습니다. 자세한 내용은 API 주소를 참고하십시오.
      문의하기

      고객의 업무에 전용 서비스를 제공해드립니다.

      문의하기
      기술 지원

      더 많은 도움이 필요하시면, 티켓을 통해 연락 바랍니다. 티켓 서비스는 연중무휴 24시간 제공됩니다.

      티켓 제출
      연중무휴 24시간 전화 지원
      Copyright © 2013-2024 Tencent Cloud. All Rights Reserved.
      개인정보 처리방침서비스 약관쿠키 정책