tencent cloud

피드백

TUIKaraoke (iOS) 통합

마지막 업데이트 시간:2024-07-24 17:07:53

    컴포넌트 개요

    TUIKaraoke는 오픈 소스 오디오/비디오 UI 컴포넌트입니다. 프로젝트에 통합하고 몇 줄의 코드 작성만으로 애플리케이션에 온라인 노래방 시나리오를 추가하고 노래방, 좌석 관리, 선물 주고받기, 문자 채팅과 같은 TRTC 기능을 체험해 볼 수 있습니다. Android 플랫폼도 지원합니다. 기본 기능은 다음과 같습니다.
    설명:
    TUIKit 시리즈 컴포넌트는 Tencent Cloud의 두 가지 기본 PaaS 서비스, 즉 Tencent Real-Time CommunicationInstant Messaging을 사용합니다. TRTC를 활성화하면 IM과 IM SDK 평가판(100 DAU만 지원)이 자동으로 활성화됩니다. IM 과금 내역은 요금 안내를 참고하십시오.
    
    
    

    컴포넌트 통합

    1단계: TUIKaraoke 컴포넌트 다운로드 및 가져오기

    Github로 이동하여 코드를 복제하거나 다운로드하고 iOS 디렉터리의 Source, ResourcesTXAppBasic 폴더와 TUIKaraoke.podspec 파일을 프로젝트에 복사하여 다음 가져오기 작업을 완료합니다.
    Podfile에 다음 가져오기 명령을 추가합니다.
    pod 'TUIKaraoke', :path => "./", :subspecs => ["TRTC"]
    pod ’TXLiteAVSDK_TRTC’
    pod 'TXAppBasic', :path => "TXAppBasic/"
    터미널을 열고 Podfile 디렉터리에서 다음 설치 명령을 실행합니다.
    pod install

    2단계: 권한 설정

    프로젝트의 info.plist 파일에서 App에 대한 권한 요청을 구성합니다. SDK에는 다음 권한이 필요합니다(iOS에서는 런타임 시 마이크 액세스를 요청해야 함).
    <key>NSMicrophoneUsageDescription</key>
    <string>Karaoke는 마이크에 액세스 필요</string>

    3단계: 컴포넌트 초기화 및 로그인

    관련 API에 대한 자세한 내용은 TRTCKaraoke(iOS)를 참고하십시오.
    // 1. 초기화
    let karaokeRoom = TRTCKaraokeRoom.shared()
    karaokeRoom.setDelegate(delegate: self)
    // 2. 로그인
    karaokeRoom.login(SDKAppID: Int32(SDKAppID), UserId: UserId, UserSig: ProfileManager.shared.curUserSig()) { code, message in
    if code == 0 {
    //로그인 성공
    }
    }
    매개변수 설명:
    SDKAppID: TRTC 애플리케이션 ID입니다. TRTC 서비스를 활성화하지 않은 경우 TRTC 콘솔에 로그인하여 TRTC 애플리케이션을 생성하고 애플리케이션 정보를 클릭합니다. SDKAppID는 아래와 같습니다.
    
    
    Secretkey: SDKAppID에 해당하는 TRTC 애플리케이션 키입니다. TRTC 콘솔의 애플리케이션 관리 페이지에서 SecretKey는 아래와 같습니다.
    userId: 문자열이며 최대 32바이트의 문자와 숫자를 포함할 수 있는 현재 사용자 ID입니다(특수 기호는 지원되지 않음). 실제 계정 시스템에 따라 사용자 정의할 수 있습니다.
    userSig: SDKAppId, userId 및 Secretkey를 기반으로 계산된 보안 보호 서명입니다. 여기를 클릭하여 디버깅 UserSig를 온라인으로. 자세한 내용은 UserSig를 참고하십시오.

    4단계: 온라인 노래방 시나리오 구현

    1. 앵커는 TUIKaraoke.createRoom을 통해 방을 생성합니다.
    int roomId = "방 ID";
    let param = RoomParam.init()
    param.roomName = "방 이름";
    param.needRequest = false; // 마이크 연결 시 방 주인 확인 필요 여부
    param.seatCount = 8; // 방의 좌석 수. 8개로 설정
    param.coverUrl = "방 커버 이미지의 URL";
    
    karaokeRoom.createRoom(roomID: Int32(roomInfo.roomID), roomParam: param) { [weak self] (code, message) in
    guard let `self` = self else { return }
    if code == 0 {
    //방 생성 성공
    }
    }
    2. 청취자는 TUIKaraoke.enterRoom을 통해 방에 들어갑니다.
    karaokeRoom.enterRoom(roomID: roomInfo.roomID) { [weak self] (code, message) in
    guard let `self` = self else { return }
    if code == 0 {
    //방 들어가기 성공
    }
    }
    3. 청취자는 TUIKaraoke.enterSeat를 통해 마이크를 켭니다.
    // 1. 청취자가 마이크를 켜기 위해 API 호출
    int seatIndex = 1;
    karaokeRoom.enterSeat(seatIndex: seatIndex) { [weak self] (code, message) in
    guard let `self` = self else { return }
    if code == 0 {
    //마이크 활성화 성공
    }
    }
    // 2. 청취자는 onSeatListChange 콜백을 수신하고 좌석 목록을 새로고침함
    func onSeatListChange(seatInfoList: [SeatInfo]) {
    }
    설명:
    TRTCKaraoke(iOS) 또는 TUIKaraoke 데모 프로젝트를 참고하여 다른 좌석 관리 작업을 구현할 수 있습니다.
    4. 노래를 재생하고 노래방 시나리오를 체험합니다 음악 ID와 URL을 가져와 비즈니스에 따라 노래를 재생할 수 있습니다. 자세한 내용은 TUIKaraoke 음악 재생 인터페이스를 참고하십시오.
    //음악 재생
    karaokeRoom.startPlayMusic(musicID: musicID, originalUrl: muscicLocalPath, accompanyUrl: accompanyLocalPath);
    //음악 중지
    karaokeRoom.stopPlayMusic();
    이전 단계를 완료한 후 기본 노래방 기능을 구현할 수 있습니다. 비즈니스에 채팅 및 선물 제공과 같은 더 많은 기능이 필요한 경우 다음 기능을 통합할 수 있습니다.

    6단계: 문자 채팅 기능 추가(옵션)

    앵커와 청취자 간의 텍스트 채팅 기능을 원하시면 다음과 같이 메시지 송수신을 구현하십시오. 관련 API에 대한 자세한 내용은 TRTCKaraokeRoom.sendRoomTextMsg를 참고하십시오.
    // 발신측: 텍스트 메시지 발송
    karaokeRoom.sendRoomTextMsg(message: message) { [weak self] (code, message) in
    if code == 0 {
    //전송 성공
    }
    }
    // 수신측: 텍스트 메시지 수신
    karaokeRoom.setDelegate(delegate: self)
    func onRecvRoomTextMsg(message: String, userInfo: UserInfo) {
    debugPrint(userInfo.userName + "님이 발송한 메시지:" + message)
    }

    7단계: 선물하기 기능 추가(옵션)

    선물 주고받기, 표시하기를 다음과 같이 구현할 수 있습니다.
    // 발신측: "IMCMD_GIFT"를 사용자 지정하여 선물 메시지를 구분합니다.
    karaokeRoom.sendRoomCustomMsg(cmd: kSendGiftCmd, message: message) { code, msg in
    if (code == 0) {
    //전송 성공
    }
    }
    
    // 수신측: 선물 메시지 수신
    karaokeRoom.setDelegate(delegate: self)
    func onRecvRoomCustomMsg(cmd: String, message: String, userInfo: UserInfo) {
    if cmd == kSendGiftCmd {
    debugPrint(userInfo.userName + "님이 보낸" + "선물을 받았습니다." + message)
    }
    }

    FAQ

    TUIKaraoke 컴포넌트는 음성 변경, 톤 변경 및 리버브와 같은 음향 효과 기능을 지원합니까?

    지원합니다. 자세한 내용은 TUIKaraoke 데모 프로젝트를 참고하십시오.
    ? 요구 사항이나 피드백이 있는 경우 colleenyu@tencent.com으로 문의하십시오.
    문의하기

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

    기술 지원

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

    연중무휴 24시간 전화 지원